diff --git a/CHANGELOG.md b/CHANGELOG.md index 16bd5a3e..4ba72658 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -21,6 +21,7 @@ and this project adheres to ## Fixed - 🦺(backend) add comma to sub regex #408 +- 🐛(editor) collaborative user tag hidden when read only #385 ## [1.7.0] - 2024-10-24 diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx index 2ef15e5a..bbb29a61 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx @@ -4,6 +4,7 @@ import { BlockNoteView } from '@blocknote/mantine'; import '@blocknote/mantine/style.css'; import { useCreateBlockNote } from '@blocknote/react'; import { HocuspocusProvider } from '@hocuspocus/provider'; +import { t } from 'i18next'; import React, { useCallback, useEffect } from 'react'; import { useTranslation } from 'react-i18next'; @@ -26,7 +27,13 @@ const cssEditor = (readonly: boolean) => ` }; & .bn-editor { padding-right: 30px; - ${readonly && `padding-left: 30px;`} + ${ + readonly && + ` + padding-left: 30px; + pointer-events: none; + ` + } }; & .collaboration-cursor__caret.ProseMirror-widget{ word-wrap: initial; @@ -139,14 +146,14 @@ export const BlockNoteContent = ({ provider, fragment: provider.document.getXmlFragment('document-store'), user: { - name: userData?.email || 'Anonymous', + name: userData?.full_name || userData?.email || t('Anonymous'), color: randomColor(), }, }, dictionary: locales[lang as keyof typeof locales], uploadFile, }, - [provider, uploadFile, userData?.email, lang], + [lang, provider, uploadFile, userData?.email, userData?.full_name], ); useEffect(() => {