🛂(frontend) right pad editor

Manage the right on the pad editor.
If a use cannot edit a pad, the pad editor will
be read-only. It will not save automatically.
A message will be displayed to the user.

src/frontend/apps/impress/src/features/pads/pad-editor/components/BlockNoteEditor.tsx

@@ -38,7 +38,7 @@ interface BlockNoteContentProps {
 export const BlockNoteContent = ({ pad, provider }: BlockNoteContentProps) => {
   const { userData } = useAuthStore();
   const { setEditor, padsStore } = usePadStore();
-  useSavePad(pad.id, provider.doc);
+  useSavePad(pad.id, provider.doc, pad.abilities.partial_update);
 
   const storedEditor = padsStore?.[pad.id]?.editor;
   const editor = useMemo(() => {
@@ -70,7 +70,11 @@ export const BlockNoteContent = ({ pad, provider }: BlockNoteContentProps) => {
         };
       `}
     >
-      <BlockNoteView editor={editor} formattingToolbar={false}>
+      <BlockNoteView
+        editor={editor}
+        formattingToolbar={false}
+        editable={pad.abilities.partial_update}
+      >
         <BlockNoteToolbar />
       </BlockNoteView>
     </Box>

src/frontend/apps/impress/src/features/pads/pad-editor/components/PadEditor.tsx

@@ -1,3 +1,4 @@
+import { Alert, VariantType } from '@openfun/cunningham-react';
 import React from 'react';
 
 import { Box, Card, Text } from '@/components';
@@ -24,6 +25,13 @@ export const PadEditor = ({ pad }: PadEditorProps) => {
         </Text>
         <PadToolBox pad={pad} />
       </Box>
+      {!pad.abilities.partial_update && (
+        <Box className="m-b" $css="margin-top:0;">
+          <Alert
+            type={VariantType.WARNING}
+          >{`Read only, you don't have the right to update this document.`}</Alert>
+        </Box>
+      )}
       <Card
         $margin={{ all: 'big', top: 'none' }}
         $padding="big"

src/frontend/apps/impress/src/features/pads/pad-editor/hook/useSavePad.tsx

@@ -6,12 +6,16 @@ import { useUpdatePad } from '@/features/pads/pad-management/';
 
 import { toBase64 } from '../utils';
 
-const useSavePad = (padId: string, doc: Y.Doc) => {
+const useSavePad = (padId: string, doc: Y.Doc, canSave: boolean) => {
   const { mutate: updatePad } = useUpdatePad();
   const [initialDoc, setInitialDoc] = useState<string>(
     toBase64(Y.encodeStateAsUpdate(doc)),
   );
 
+  useEffect(() => {
+    setInitialDoc(toBase64(Y.encodeStateAsUpdate(doc)));
+  }, [doc]);
+
   /**
    * Update initial doc when doc is updated by other users,
    * so only the user typing will trigger the save.
@@ -42,7 +46,7 @@ const useSavePad = (padId: string, doc: Y.Doc) => {
     /**
      * Save only if the doc has changed.
      */
-    if (initialDoc === newDoc) {
+    if (initialDoc === newDoc || !canSave) {
       return;
     }
 
@@ -52,7 +56,7 @@ const useSavePad = (padId: string, doc: Y.Doc) => {
       id: padId,
       content: newDoc,
     });
-  }, [initialDoc, padId, doc, updatePad]);
+  }, [initialDoc, padId, doc, updatePad, canSave]);
 
   const timeout = useRef<NodeJS.Timeout>();
   const router = useRouter();