fix doc preview and context menu with viewer role

Author: Davy-c

src/cloud/components/DocPage/DocContextMenuActions.tsx

@@ -315,19 +315,21 @@ export function DocContextMenuActions({
           },
         }}
       />
-      <MetadataContainerRow
-        row={{
-          type: 'button',
-          props: {
-            id: 'metadata-duplicate-link',
-            label: translate(lngKeys.GeneralDuplicate),
-            iconPath: mdiContentDuplicate,
-            spinning: duplicated,
-            disabled: duplicated,
-            onClick: duplicateButtonHandler,
-          },
-        }}
-      />
+      {currentUserIsCoreMember && (
+        <MetadataContainerRow
+          row={{
+            type: 'button',
+            props: {
+              id: 'metadata-duplicate-link',
+              label: translate(lngKeys.GeneralDuplicate),
+              iconPath: mdiContentDuplicate,
+              spinning: duplicated,
+              disabled: duplicated,
+              onClick: duplicateButtonHandler,
+            },
+          }}
+        />
+      )}
       <MetadataContainerRow
         row={{
           type: 'button',

src/cloud/components/DocPreview/DocPreviewRealtime.tsx

@@ -34,6 +34,7 @@ import { SerializedSubscription } from '../../interfaces/db/subscription'
 
 interface DocPreviewRealtimeProps {
   team: SerializedTeam
+  currentUserIsCoreMember: boolean
   subscription?: SerializedSubscription
   doc: SerializedDocWithSupplemental
   token: string
@@ -49,6 +50,7 @@ const DocPreviewRealtime = ({
   token,
   user,
   subscription,
+  currentUserIsCoreMember,
   setRenderHeader,
 }: DocPreviewRealtimeProps) => {
   const [loaded, setLoaded] = useState(false)
@@ -207,6 +209,24 @@ const DocPreviewRealtime = ({
     )
   }
 
+  if (!currentUserIsCoreMember) {
+    return (
+      <Container>
+        <StyledEditor className={cc(['preview', 'doc-preview__editor'])}>
+          <StyledPreview className={`layout-preview`}>
+            <CustomizedMarkdownPreviewer
+              content={editorContent}
+              updateContent={setEditorRefContent}
+              headerLinks={true}
+              className='doc-preview__content__scroller'
+              getEmbed={getEmbed}
+            />
+          </StyledPreview>
+        </StyledEditor>
+      </Container>
+    )
+  }
+
   return (
     <>
       <Container>

src/cloud/components/DocPreview/index.tsx

@@ -113,8 +113,11 @@ const DocPreviewModal = ({ doc, team, fallbackUrl }: DocPreviewModalProps) => {
   )
 
   const toggleViewMode = useCallback(() => {
+    if (!currentUserIsCoreMember) {
+      return
+    }
     setMode((prev) => (prev === 'preview' ? 'editor' : 'preview'))
-  }, [])
+  }, [currentUserIsCoreMember])
 
   useEffect(() => {
     togglePreviewModeEventEmitter.listen(toggleViewMode)
@@ -163,15 +166,17 @@ const DocPreviewModal = ({ doc, team, fallbackUrl }: DocPreviewModalProps) => {
         </Button>
         <Flexbox className='doc-preview__actions'>
           {renderHeader}
-          <Button
-            variant='icon'
-            iconPath={mode === 'preview' ? mdiPencil : mdiEyeOutline}
-            onClick={() =>
-              setMode((prev) => (prev === 'preview' ? 'editor' : 'preview'))
-            }
-            id='doc-preview__edit'
-            size='sm'
-          />
+          {currentUserIsCoreMember && (
+            <Button
+              variant='icon'
+              iconPath={mode === 'preview' ? mdiPencil : mdiEyeOutline}
+              onClick={() =>
+                setMode((prev) => (prev === 'preview' ? 'editor' : 'preview'))
+              }
+              id='doc-preview__edit'
+              size='sm'
+            />
+          )}
           <Button
             variant='icon'
             iconPath={mdiDotsHorizontal}
@@ -227,6 +232,7 @@ const DocPreviewModal = ({ doc, team, fallbackUrl }: DocPreviewModalProps) => {
             user={currentUser}
             mode={mode}
             subscription={subscription}
+            currentUserIsCoreMember={currentUserIsCoreMember}
           />
         )}
       </div>