feature: button to collapse all folders

src/components/Explorer/FileExplorer.tsx

@@ -118,11 +118,11 @@ export const FileExplorer = ({
   parentProject,
   openedRows,
   selectedRow,
-  onRowClickCallback
+  onRowClickCallback,
 }: {
-  parentProject: Project,
+  parentProject: Project
-  openedRows: {[key:string]: boolean},
+  openedRows: { [key: string]: boolean }
-  selectedRow: FileEntry | null,
+  selectedRow: FileEntry | null
   onRowClickCallback: (file: FileExplorerEntry) => void
 }) => {
   // Wrap the FileEntry in a FileExplorerEntry to keep track for more metadata

src/components/Explorer/ProjectExplorer.tsx

@@ -1,5 +1,8 @@
 import type { Project, FileEntry } from '@src/lib/project'
-import { FileExplorer, constructPath } from '@src/components/Explorer/FileExplorer'
+import {
+  FileExplorer,
+  constructPath,
+} from '@src/components/Explorer/FileExplorer'
 import type { FileExplorerEntry } from '@src/components/Explorer/FileExplorer'
 import { FileExplorerHeaderActions } from '@src/components/Explorer/FileExplorerHeaderActions'
 import { useState } from 'react'
@@ -52,18 +55,20 @@ export const ProjectExplorer = ({
               console.log('onRefreshExplorer TODO')
             }}
             onCollapseExplorer={() => {
-              console.log('onCollapseExplorer TODO')
+              setOpenedRows({})
             }}
           ></FileExplorerHeaderActions>
         </div>
       </div>
       <div className="h-96 overflow-y-auto overflow-x-hidden">
-        {project && <FileExplorer
+        {project && (
+          <FileExplorer
             parentProject={project}
             openedRows={openedRows}
             selectedRow={selectedRow}
             onRowClickCallback={onRowClickCallback}
-                    ></FileExplorer>}
+          ></FileExplorer>
+        )}
       </div>
     </div>
   )