feat: Implement duplicating files in shared drive ✨

Author: lethemanh

src/declarations.d.ts

@@ -75,7 +75,12 @@ declare module 'cozy-client/dist/models/file' {
   export const copy: (
     client: import('cozy-client/types/CozyClient').CozyClient,
     file: Partial<import('components/FolderPicker/types').File>,
-    destination: import('components/FolderPicker/types').File
+    destination: import('components/FolderPicker/types').File,
+    {
+      driveId
+    }?: {
+      driveId: string
+    }
   ) => Promise<void>
   export const isDirectory: (
     file: import('components/FolderPicker/types').File

src/modules/duplicate/components/DuplicateModal.tsx

@@ -18,13 +18,17 @@ interface DuplicateModalProps {
   currentFolder: File
   onClose: () => void | Promise<void>
   showNextcloudFolder?: boolean
+  showSharedDriveFolder?: boolean
+  driveId?: string
 }
 
 const DuplicateModal: FC<DuplicateModalProps> = ({
   entries,
   currentFolder,
   onClose,
-  showNextcloudFolder
+  showNextcloudFolder,
+  showSharedDriveFolder,
+  driveId
 }) => {
   const { t } = useI18n()
   const { showAlert } = useAlert()
@@ -39,7 +43,11 @@ const DuplicateModal: FC<DuplicateModalProps> = ({
       setBusy(true)
       await Promise.all(
         entries.map(async entry => {
-          await registerCancelable(copy(client, entry as Partial<File>, folder))
+          await registerCancelable(
+            copy(client, entry as Partial<File>, folder, {
+              driveId: driveId ?? ''
+            })
+          )
         })
       )
 
@@ -88,6 +96,7 @@ const DuplicateModal: FC<DuplicateModalProps> = ({
   return (
     <FolderPicker
       showNextcloudFolder={showNextcloudFolder}
+      showSharedDriveFolder={showSharedDriveFolder}
       currentFolder={currentFolder}
       entries={entries}
       // eslint-disable-next-line @typescript-eslint/no-misused-promises

src/modules/navigation/AppRoute.jsx

@@ -35,6 +35,7 @@ import FileOpenerExternal from '@/modules/viewer/FileOpenerExternal'
 import { KonnectorRoutes } from '@/modules/views/Drive/KonnectorRoutes'
 import { FavoritesView } from '@/modules/views/Favorites/FavoritesView'
 import { FolderDuplicateView } from '@/modules/views/Folder/FolderDuplicateView'
+import { SharedDriveDuplicateView } from '@/modules/views/Folder/SharedDriveDuplicateView'
 import { MoveFilesView } from '@/modules/views/Modal/MoveFilesView'
 import { QualifyFileView } from '@/modules/views/Modal/QualifyFileView'
 import { ShareDisplayedFolderView } from '@/modules/views/Modal/ShareDisplayedFolderView'
@@ -141,6 +142,7 @@ const AppRoute = () => (
             />
             <Route path="file/:fileId/revision" element={<FileHistory />} />
             <Route path="file/:fileId/v/revision" element={<FileHistory />} />
+            <Route path="duplicate" element={<SharedDriveDuplicateView />} />
           </Route>
         </>
       ) : null}

src/modules/shareddrives/components/SharedDriveFolderBody.jsx

@@ -12,6 +12,7 @@ import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { useModalContext } from '@/lib/ModalContext'
 import { download, infos, versions, rename, trash, hr } from '@/modules/actions'
+import { duplicateTo } from '@/modules/actions/components/duplicateTo'
 import { FolderBody } from '@/modules/folder/components/FolderBody'
 
 const SharedDriveFolderBody = ({
@@ -51,7 +52,7 @@ const SharedDriveFolderBody = ({
     refresh
   }
   const actions = makeActions(
-    [download, hr, rename, infos, hr, versions, hr, trash],
+    [download, hr, rename, duplicateTo, infos, hr, versions, hr, trash],
     actionsOptions
   )
 

src/modules/views/Folder/FolderDuplicateView.tsx

@@ -8,6 +8,7 @@ import flag from 'cozy-flags'
 import { LoaderModal } from '@/components/LoaderModal'
 import useDisplayedFolder from '@/hooks/useDisplayedFolder'
 import { DuplicateModal } from '@/modules/duplicate/components/DuplicateModal'
+import { useSharedDrives } from '@/modules/shareddrives/hooks/useSharedDrives'
 import { buildParentsByIdsQuery } from '@/queries'
 
 const FolderDuplicateView: FC = () => {
@@ -16,6 +17,7 @@ const FolderDuplicateView: FC = () => {
     state: { fileIds?: string[] }
   }
   const { displayedFolder } = useDisplayedFolder()
+  const { sharedDrives } = useSharedDrives()
 
   const hasFileIds = state.fileIds != undefined
 
@@ -39,6 +41,7 @@ const FolderDuplicateView: FC = () => {
     return (
       <DuplicateModal
         showNextcloudFolder={!flag('drive.hide-nextcloud-dev')}
+        showSharedDriveFolder={sharedDrives.length > 0}
         currentFolder={displayedFolder}
         entries={fileResult.data}
         onClose={onClose}

src/modules/views/Folder/SharedDriveDuplicateView.tsx

@@ -0,0 +1,49 @@
+import React, { FC } from 'react'
+import { Navigate, useLocation, useNavigate } from 'react-router-dom'
+
+import flag from 'cozy-flags'
+
+import { LoaderModal } from '@/components/LoaderModal'
+import useDisplayedFolder from '@/hooks/useDisplayedFolder'
+import { DuplicateModal } from '@/modules/duplicate/components/DuplicateModal'
+import { useMultipleSharedDriveFolders } from '@/modules/shareddrives/hooks/useMultipleSharedDriveFolders'
+
+const SharedDriveDuplicateView: FC = () => {
+  const navigate = useNavigate()
+  const { state } = useLocation() as {
+    state: { fileIds?: string[] }
+  }
+  const { displayedFolder } = useDisplayedFolder()
+
+  const hasFileIds = state.fileIds != undefined
+
+  const { sharedDriveResults } = useMultipleSharedDriveFolders({
+    folderIds: state.fileIds ?? [],
+    driveId: displayedFolder?.driveId ?? ''
+  })
+
+  if (!hasFileIds) {
+    return <Navigate to=".." replace={true} />
+  }
+
+  if (sharedDriveResults && displayedFolder) {
+    const onClose = (): void => {
+      navigate('..', { replace: true })
+    }
+
+    return (
+      <DuplicateModal
+        showNextcloudFolder={!flag('drive.hide-nextcloud-dev')}
+        showSharedDriveFolder={true}
+        currentFolder={displayedFolder}
+        entries={sharedDriveResults}
+        onClose={onClose}
+        driveId={displayedFolder.driveId}
+      />
+    )
+  }
+
+  return <LoaderModal />
+}
+
+export { SharedDriveDuplicateView }