add foldall and unfoldall

Author: lihebi

ui/src/components/repo/sidebar.js

@@ -839,6 +839,29 @@ function ToastError() {
   return <Box></Box>;
 }
 
+function SidebarTest() {
+  const dispatch = useDispatch();
+  return (
+    <Box>
+      SidebarTest
+      <Button
+        onClick={() => {
+          dispatch(repoSlice.actions.foldAll());
+        }}
+      >
+        Fold All
+      </Button>
+      <Button
+        onClick={() => {
+          dispatch(repoSlice.actions.unfoldAll());
+        }}
+      >
+        Unfold All
+      </Button>
+    </Box>
+  );
+}
+
 export function Sidebar() {
   return (
     <Box mx={2} px="1rem" boxShadow="xl" rounded="md" bg="gray.200">
@@ -850,6 +873,10 @@ export function Sidebar() {
         <GitBar />
       </Box>
       <Divider my={2} />
+      <Box boxShadow="xl" p="2" rounded="md" bg="gray.50">
+        <SidebarTest />
+      </Box>
+      <Divider my={2} />
       <Box boxShadow="xl" p="2" rounded="md" bg="gray.50">
         <SidebarRuntime />
         <SidebarKernel />

ui/src/lib/reducers/pod.js

@@ -152,6 +152,18 @@ export default {
       state.pods[id].fold = !state.pods[id].fold;
     }
   },
+  foldAll: (state, action) => {
+    for (const [id, pod] of Object.entries(state.pods)) {
+      if (pod) {
+        pod.fold = true;
+      }
+    }
+  },
+  unfoldAll: (state, action) => {
+    for (const [id, pod] of Object.entries(state.pods)) {
+      pod.fold = false;
+    }
+  },
   toggleThundar: (state, action) => {
     let id = action.payload;
     if (!state.pods[id].thundar) {