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,8 +1,11 @@
 import type { Project, FileEntry } from '@src/lib/project'
-import { FileExplorer, constructPath } from '@src/components/Explorer/FileExplorer'
+import {
-import type {FileExplorerEntry} from '@src/components/Explorer/FileExplorer'
+  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'
+import { useState } from 'react'
 
 /**
  * Wrap the header and the tree into a single component
@@ -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 && (
-                      parentProject={project}
+          <FileExplorer
-                      openedRows={openedRows}
+            parentProject={project}
-                      selectedRow={selectedRow}
+            openedRows={openedRows}
-                      onRowClickCallback={onRowClickCallback}
+            selectedRow={selectedRow}
-                    ></FileExplorer>}
+            onRowClickCallback={onRowClickCallback}
+          ></FileExplorer>
+        )}
       </div>
     </div>
   )