fix(OO): The edit button must be displayed for OO shares with write access

src/modules/views/OnlyOffice/Title.jsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import { useSearchParams } from 'react-router-dom'
 
 import { SharingBannerPlugin, OpenSharingLinkFabButton } from 'cozy-sharing'
 import { useSharingInfos } from 'cozy-sharing'
@@ -20,6 +21,7 @@ const useStyles = makeStyles(theme => ({
 }))
 
 const Title = () => {
+  const [searchParams] = useSearchParams(window.location.search)
   const { isMobile } = useBreakpoints()
   const { fileId, isPublic, isEditorModeView, isTrashed } =
     useOnlyOfficeContext()
@@ -30,15 +32,19 @@ const Title = () => {
   // Check if the sharing shortcut has already been created (but not synced)
   const isShareAlreadyAdded = !loading && isSharingShortcutCreated
   // Check if you are sharing Cozy to Cozy (Link sharing is on the `/public` route)
-  const isPreview = window.location.pathname === '/preview'
+  const isCozyToCozySharing = window.location.pathname === '/preview'
+  // Check if you are sharing Cozy to Cozy synced (Also on the `/public` route)
+  const isCozyToCozySharingSynced = searchParams.has('username')
   // Show the sharing banner plugin only on shared links view and cozy to cozy sharing view(not added)
   const isSharingBannerPluginDisplayed =
-    isPublic && (!isShareAlreadyAdded || !isPreview)
+    isPublic &&
+    (!isShareAlreadyAdded || !isCozyToCozySharing) &&
+    !isCozyToCozySharingSynced
 
   const showDialogToolbar = isEditorModeView || !isMobile
 
   const isAddToMyCozyFabDisplayed =
-    isMobile && isPreview && !isShareAlreadyAdded
+    isMobile && isCozyToCozySharing && !isShareAlreadyAdded
 
   return (
     <div style={{ zIndex: 'var(--zIndex-nav)' }}>

src/modules/views/OnlyOffice/Toolbar/EditButton.jsx

@@ -8,7 +8,6 @@ import LightbulbIcon from 'cozy-ui/transpiled/react/Icons/Lightbulb'
 import RenameIcon from 'cozy-ui/transpiled/react/Icons/Rename'
 import Tooltip from 'cozy-ui/transpiled/react/Tooltip'
 import Typography from 'cozy-ui/transpiled/react/Typography'
-import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 import { makeStyles } from 'cozy-ui/transpiled/react/styles'
 
@@ -109,21 +108,19 @@ const EditButton = ({ openTooltip }) => {
 }
 
 const EditButtonWrapper = () => {
-  const { isMobile } = useBreakpoints()
-  const { editorMode } = useOnlyOfficeContext()
+  const { isEditorModeView, isPublic } = useOnlyOfficeContext()
 
   const { data: settings, ...appSettingsQueryResult } = useQuery(
     getAppSettingQuery.definition,
-    getAppSettingQuery.options
+    { ...getAppSettingQuery.options, enabled: !isPublic }
   )
   const hideOOEditTooltip = settings?.[0]?.hideOOEditTooltip
   const openTooltip = isQueryLoading(appSettingsQueryResult)
     ? false
-    : !hideOOEditTooltip && editorMode === 'view' && canWriteOfficeDocument()
-
-  if (isMobile) {
-    return null
-  }
+    : !isPublic &&
+      !hideOOEditTooltip &&
+      isEditorModeView &&
+      canWriteOfficeDocument()
 
   return <EditButton openTooltip={openTooltip} />
 }

src/modules/views/OnlyOffice/Toolbar/index.jsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import { useSearchParams } from 'react-router-dom'
 
 import {
   addToCozySharingLink,
@@ -22,12 +23,15 @@ import HomeIcon from 'modules/views/OnlyOffice/Toolbar/HomeIcon'
 import HomeLinker from 'modules/views/OnlyOffice/Toolbar/HomeLinker'
 import Separator from 'modules/views/OnlyOffice/Toolbar/Separator'
 import Sharing from 'modules/views/OnlyOffice/Toolbar/Sharing'
+import { isOfficeEditingEnabled } from 'modules/views/OnlyOffice/helpers'
 import { useFileWithPath } from 'modules/views/hooks'
 
 const Toolbar = ({ sharingInfos }) => {
-  const { isMobile } = useBreakpoints()
+  const { isMobile, isDesktop } = useBreakpoints()
+  const [searchParams] = useSearchParams(window.location.search)
+  const { isEditorReady, isReadOnly, isTrashed, fileId, isPublic } =
+    useOnlyOfficeContext()
   const { t } = useI18n()
-  const { fileId, isPublic, isEditorReady } = useOnlyOfficeContext()
   const {
     addSharingLink,
     syncSharingLink,
@@ -48,6 +52,8 @@ const Toolbar = ({ sharingInfos }) => {
   const isShareNotAdded = !loading && !isSharingShortcutCreated
   // Check if you are sharing Cozy to Cozy (Link sharing is on the `/public` route)
   const isCozyToCozySharing = window.location.pathname === '/preview'
+  // Check if you are sharing Cozy to Cozy synced (Also on the `/public` route)
+  const isCozyToCozySharingSynced = searchParams.has('username')
 
   // addSharingLink exists only in cozy to cozy sharing
   const link = isCozyToCozySharing ? addSharingLink : createCozyLink
@@ -65,6 +71,15 @@ const Toolbar = ({ sharingInfos }) => {
       isSharingShortcutCreated
     }
   )
+  const showEditButton =
+    !isMobile &&
+    isEditorReady &&
+    !isReadOnly &&
+    !isTrashed &&
+    isOfficeEditingEnabled(isDesktop)
+
+  const showSharingLinkButton =
+    isPublic && !isMobile && isShareNotAdded && !isCozyToCozySharingSynced
 
   return (
     <>
@@ -88,12 +103,14 @@ const Toolbar = ({ sharingInfos }) => {
         )}
         <FileName fileWithPath={fileWithPath} isPublic={isPublic} />
       </div>
-      {isPublic && !isMobile && isShareNotAdded && (
+      {showSharingLinkButton && (
         <OpenSharingLinkButton
           link={link}
           isSharingShortcutCreated={isSharingShortcutCreated}
+          variant={showEditButton ? 'secondary' : 'primary'}
         />
       )}
+      {showEditButton && <EditButton />}
 
       {isPublic && (
         <PublicToolbarMoreMenu files={[fileWithPath]} actions={actions} />