diff --git a/services/web/frontend/extracted-translations.json b/services/web/frontend/extracted-translations.json index 8cc4e5b046..b68d0a8d1f 100644 --- a/services/web/frontend/extracted-translations.json +++ b/services/web/frontend/extracted-translations.json @@ -636,6 +636,7 @@ "review": "", "revoke": "", "revoke_invite": "", + "rich_text_is_only_available_for_tex_files": "", "role": "", "save_money_groups_companies_research_organizations_can_save_money": "", "save_or_cancel-cancel": "", diff --git a/services/web/frontend/js/features/source-editor/components/editor-switch.tsx b/services/web/frontend/js/features/source-editor/components/editor-switch.tsx index db69bf9f18..9d65d766b9 100644 --- a/services/web/frontend/js/features/source-editor/components/editor-switch.tsx +++ b/services/web/frontend/js/features/source-editor/components/editor-switch.tsx @@ -1,10 +1,11 @@ -import { memo, useCallback } from 'react' +import { ChangeEvent, FC, memo, useCallback } from 'react' import useScopeValue from '../../../shared/hooks/use-scope-value' import Tooltip from '../../../shared/components/tooltip' import { sendMB } from '../../../infrastructure/event-tracking' import getMeta from '../../../utils/meta' import SplitTestBadge from '../../../shared/components/split-test-badge' import isValidTeXFile from '../../../main/is-valid-tex-file' +import { useTranslation } from 'react-i18next' function Badge() { const content = ( @@ -130,22 +131,11 @@ function EditorSwitch() { ) : null} - - {!!richTextOrVisual && ( @@ -155,4 +145,45 @@ function EditorSwitch() { ) } +const RichTextToggle: FC<{ + checked: boolean + disabled: boolean + handleChange: (event: ChangeEvent) => void +}> = ({ checked, disabled, handleChange }) => { + const { t } = useTranslation() + + const toggle = ( + + + + + ) + + if (disabled) { + return ( + + {toggle} + + ) + } + + return toggle +} + export default memo(EditorSwitch) diff --git a/services/web/frontend/stylesheets/app/editor/toolbar.less b/services/web/frontend/stylesheets/app/editor/toolbar.less index c617dc048f..afe5bb2024 100644 --- a/services/web/frontend/stylesheets/app/editor/toolbar.less +++ b/services/web/frontend/stylesheets/app/editor/toolbar.less @@ -283,7 +283,6 @@ } .toggle-switch-input:disabled + .toggle-switch-label { - color: @gray-lighter; cursor: not-allowed; } diff --git a/services/web/locales/en.json b/services/web/locales/en.json index cccabcc031..1acef3f5e6 100644 --- a/services/web/locales/en.json +++ b/services/web/locales/en.json @@ -1250,6 +1250,7 @@ "review_your_peers_work": "Review your peers’ work", "revoke": "Revoke", "revoke_invite": "Revoke Invite", + "rich_text_is_only_available_for_tex_files": "Rich Text is only available for TeX files", "ro": "Romanian", "role": "Role", "ru": "Russian",