fix: wrong pod content (#538)

fairDataSociety · Oct 4, 2023 · c630b7b · c630b7b
1 parent 1d5575a
commit c630b7b
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 4 deletions.
diff --git a/src/components/Dropdowns/PodDropdown/PodDropdownToggle.tsx b/src/components/Dropdowns/PodDropdown/PodDropdownToggle.tsx
@@ -11,7 +11,8 @@ import PageDownDark from '@media/UI/page-down-dark.svg';
 
 const PodDropdownToggele = () => {
   const { theme } = useContext(ThemeContext);
-  const { activePod, setActivePod, setDirectoryName } = useContext(PodContext);
+  const { loading, activePod, setActivePod, setDirectoryName } =
+    useContext(PodContext);
   const { intl } = useLocales();
 
   const onBackToDrive = () => {
@@ -36,6 +37,7 @@ const PodDropdownToggele = () => {
         />
       )}
       <Menu.Button
+        disabled={loading}
         className={`flex items-center w-full cursor-pointer ${
           activePod ? '' : 'pl-4'
         }`}

diff --git a/src/components/NavigationBars/DriveSideBar/DriveSideBar.tsx b/src/components/NavigationBars/DriveSideBar/DriveSideBar.tsx
@@ -25,8 +25,14 @@ import { useLocales } from '@context/LocalesContext';
 
 const DriveSideBar: FC = () => {
   const { theme } = useContext(ThemeContext);
-  const { pods, setPods, activePod, setActivePod, setDirectoryName } =
-    useContext(PodContext);
+  const {
+    loading: podLoading,
+    pods,
+    setPods,
+    activePod,
+    setActivePod,
+    setDirectoryName,
+  } = useContext(PodContext);
   const { fdpClientRef } = useFdpStorage();
   const [loading, setLoading] = useState(false);
 
@@ -55,6 +61,9 @@ const DriveSideBar: FC = () => {
   };
 
   const handleOpenPod = (podName: string) => {
+    if (podLoading) {
+      return;
+    }
     setActivePod(podName);
     setDirectoryName('root');
   };

diff --git a/src/context/PodContext.tsx b/src/context/PodContext.tsx
@@ -4,6 +4,8 @@ import { GetPodResponse } from '@api/pod';
 import { FC, ReactNode, createContext, useState } from 'react';
 
 interface PodContext {
+  loading: boolean;
+  setLoading: (loading: boolean) => void;
   pods: GetPodResponse;
   setPods: (pods: GetPodResponse) => void;
   activePod: string;
@@ -20,6 +22,8 @@ interface PodContextProps {
 }
 
 const podContextDefaultValues: PodContext = {
+  loading: false,
+  setLoading: () => {},
   pods: { pod_name: [], shared_pod_name: [] },
   setPods: (pods: GetPodResponse) => {},
   activePod: '',
@@ -34,12 +38,14 @@ const podContextDefaultValues: PodContext = {
 const PodContext = createContext<PodContext>(podContextDefaultValues);
 
 const PodProvider: FC<PodContextProps> = ({ children }) => {
+  const [loading, setLoading] = useState<boolean>(false);
   const [pods, setPods] = useState(null);
   const [activePod, setActivePod] = useState('');
   const [openPods, setOpenPods] = useState([]);
   const [directoryName, setDirectoryName] = useState('');
 
   const clearPodContext = () => {
+    setLoading(false);
     setPods(null);
     setActivePod('');
     setOpenPods([]);
@@ -49,6 +55,8 @@ const PodProvider: FC<PodContextProps> = ({ children }) => {
   return (
     <PodContext.Provider
       value={{
+        loading,
+        setLoading,
         pods,
         setPods,
         activePod,

diff --git a/src/pages/drive/index.tsx b/src/pages/drive/index.tsx
@@ -41,6 +41,8 @@ const Drive: FC = () => {
   const { trackPageView } = useMatomo();
   const { theme } = useContext(ThemeContext);
   const {
+    loading,
+    setLoading,
     pods,
     activePod,
     setActivePod,
@@ -60,7 +62,6 @@ const Drive: FC = () => {
   const [previewFile, setPreviewFile] = useState(null);
   const [driveView, setDriveView] = useState<'grid' | 'list'>('grid');
   const [driveSort, setDriveSort] = useState('a-z');
-  const [loading, setLoading] = useState(false);
   const { fdpClientRef, getAccountAddress } = useFdpStorage();
 
   useEffect(() => {