[SelectModal] New features added - back button and first row (#1340)

* [SelectModal] Back button and related features * Fix lint error * Disable selection for root if it is first row * Update SelectModal.tsx --------- Co-authored-by: Sal Tijerina <[email protected]>
DesignSafe-CI · Jul 11, 2024 · fcb43de · fcb43de
1 parent 69a0f93
commit fcb43de
Show file tree

Hide file tree

Showing 2 changed files with 169 additions and 78 deletions.
diff --git a/client/modules/_common_components/src/datafiles/FileListingTable/FileListingTable.tsx b/client/modules/_common_components/src/datafiles/FileListingTable/FileListingTable.tsx
@@ -27,6 +27,7 @@ export const FileListingTable: React.FC<
     emptyListingDisplay?: React.ReactNode;
     noSelection?: boolean;
     searchTerm?: string | null;
+    currentDisplayPath?: TFileListing | undefined;
   } & Omit<TableProps, 'columns' | 'className'>
 > = ({
   api,
@@ -40,6 +41,7 @@ export const FileListingTable: React.FC<
   emptyListingDisplay,
   searchTerm = '',
   noSelection,
+  currentDisplayPath = null,
   ...props
 }) => {
   const limit = 100;
@@ -71,8 +73,12 @@ export const FileListingTable: React.FC<
     if (filterFn) {
       return filterFn(cl);
     }
+    if (currentDisplayPath) {
+      return [currentDisplayPath, ...cl];
+    }
+
     return cl;
-  }, [data, filterFn]);
+  }, [data, filterFn, currentDisplayPath]);
 
   /* HANDLE FILE SELECTION */
   const { selectedFiles, setSelectedFiles } = useSelectedFiles(