finalUpdate

Author: fabienSvtr

client/src/components/files/operations/FileOperationBase.vue

@@ -68,10 +68,21 @@
             <ion-text v-if="props.status === FileOperationEvents.Failed">
               {{ $msTranslate('FoldersPage.FileOperations.failed') }}
             </ion-text>
-            <ion-text class="element-details-info__workspace">
+            <ion-text
+              class="element-details-info__workspace"
+              v-if="!isHovered"
+            >
               <span v-if="props.status === FileOperationEvents.Failed || props.status === FileOperationEvents.Cancelled"> &bull; </span>
               {{ operationData.workspaceName }}
             </ion-text>
+            <ion-text
+              class="hover-state"
+              v-if="
+                props.status === FileOperationEvents.Finished && isHovered && props.operationData.type !== FileOperationDataType.Download
+              "
+            >
+              {{ $msTranslate('FoldersPage.ImportFile.browse') }}
+            </ion-text>
           </div>
         </div>
 
@@ -118,15 +129,15 @@
         <!-- done -->
         <ion-icon
           class="folder-icon"
-          v-if="props.status === FileOperationEvents.Finished && props.operationData.type !== FileOperationDataType.Download"
+          v-if="props.status === FileOperationEvents.Finished && showDestinationFolderIcon"
           :icon="folder"
           @click="$emit('click', operationData, props.status, eventData)"
           @mouseover="isHovered = true"
           @mouseleave="isHovered = false"
         />
         <ion-icon
           class="checkmark-icon"
-          v-if="props.status === FileOperationEvents.Finished && props.operationData.type === FileOperationDataType.Download"
+          v-if="props.status === FileOperationEvents.Finished && !showDestinationFolderIcon"
           :icon="checkmarkCircle"
         />
 
@@ -243,6 +254,13 @@ const singleEntry = computed(() => {
   return undefined;
 });
 
+const showDestinationFolderIcon = computed(() => {
+  return (
+    props.operationData.type !== FileOperationDataType.Download &&
+    !(props.operationData.type === FileOperationDataType.Restore && (props.operationData as FileOperationRestoreData).entries.length > 1)
+  );
+});
+
 const emits = defineEmits<{
   (event: 'cancel', operationData: FileOperationData): void;
   (event: 'click', operationData: FileOperationData, status: FileOperationEvents, eventData?: FileOperationEventData): void;

client/src/views/files/FileOperationMenu.vue

@@ -92,6 +92,7 @@ import {
   FileOperationDataType,
   FileOperationImportData,
   FileOperationMoveData,
+  FileOperationRestoreData,
 } from '@/services/fileOperation';
 import { FileEventRegistrationCanceller, FileOperationEventData, FileOperationEvents } from '@/services/fileOperation/events';
 import { FileOperationManager, FileOperationManagerKey } from '@/services/fileOperation/manager';
@@ -260,6 +261,15 @@ async function onOperationClick(
         selectFile: op.sources.length === 1 ? op.sources.at(0)?.name : undefined,
       },
     });
+  } else if (operation.type === FileOperationDataType.Restore && (operation as FileOperationRestoreData).entries.length === 1) {
+    const op = operation as FileOperationRestoreData;
+    await navigateTo(Routes.Documents, {
+      query: {
+        workspaceHandle: operation.workspaceHandle,
+        documentPath: op.entries[0].path,
+        selectFile: op.entries.length === 1 ? op.entries.at(0)?.name : undefined,
+      },
+    });
   }
 }