diff --git a/src/frontend/src/components/editors/NotesEditor.tsx b/src/frontend/src/components/editors/NotesEditor.tsx index 7534dab4fa..313182d141 100644 --- a/src/frontend/src/components/editors/NotesEditor.tsx +++ b/src/frontend/src/components/editors/NotesEditor.tsx @@ -13,7 +13,9 @@ import { useApi } from '../../contexts/ApiContext'; import '@blocknote/core/fonts/inter.css'; import { BlockNoteView } from '@blocknote/mantine'; import '@blocknote/mantine/style.css'; +import * as BlockNoteLocales from '@blocknote/core/locales'; import { useCreateBlockNote } from '@blocknote/react'; + import { ActionIcon, Alert, @@ -36,6 +38,7 @@ import { IconReload, IconStar } from '@tabler/icons-react'; +import { useShallow } from 'zustand/react/shallow'; import { formatDate } from '../../defaults/formatters'; import { useNoteFields } from '../../forms/CommonForms'; import { @@ -43,6 +46,7 @@ import { useDeleteApiFormModal, useEditApiFormModal } from '../../hooks/UseForm'; +import { useLocalState } from '../../states/LocalState'; import { useUserState } from '../../states/UserState'; import { DeleteItemAction, @@ -100,8 +104,13 @@ export default function NotesEditor({ }>) { const api = useApi(); const user = useUserState(); + const [language] = useLocalState(useShallow((s) => [s.language])); - const editor = useCreateBlockNote(); + const editor = useCreateBlockNote({ + dictionary: + BlockNoteLocales[language as keyof typeof BlockNoteLocales] || + BlockNoteLocales.en + }); const [isDirty, setIsDirty] = useState(false);