use react-query instead of reducers/actions

frontend/hooks/useFileStorage.js

@@ -1,38 +1,22 @@
-import { useEffect, useState } from 'react';
-import federalist from '../util/federalistApi';
-
-const initState = {
-  data: [],
-  isLoading: true,
-  error: null,
-};
+import { useQuery } from '@tanstack/react-query';
+import federalist from '@util/federalistApi';
 
 export default function useFileStorage(fileStorageId, path = '') {
-  const [state, setState] = useState(initState);
-
-  async function fetchPublicFiles(id = fileStorageId, pathParam = path) {
-    setState(initState);
-    try {
-      const response = await federalist.fetchPublicFiles(id, pathParam);
-      setState({
-        data: [...response.data],
-        isLoading: false,
-        error: null,
-      });
-    } catch (error) {
-      setState({
-        data: [],
-        isLoading: false,
-        error: error.message,
-      });
+  const fetchPublicFiles = async () => {
+    const response = await federalist.fetchPublicFiles(fileStorageId, path);
+    if (response.error) {
+      throw new Error(response.error);
     }
-  }
+    return response.data;
+  };
+
+  const { data = [], isLoading, error, refetch } = useQuery({
+    queryKey: ['fileStorage', fileStorageId, path],
+    queryFn: fetchPublicFiles,
+    enabled: !!fileStorageId,
+    onError: (err) => console.error('Error fetching public files:', err),
+  });
 
-  useEffect(() => {
-    if (fileStorageId) {
-      fetchPublicFiles();
-    }
-  }, [fileStorageId, path]);
 
-  return { ...state, fetchPublicFiles };
+  return { data, isLoading, error, refetch };
 }

frontend/pages/file-storage/index.js

@@ -22,7 +22,7 @@ function FileStoragePage() {
     data: fetchedPublicFiles,
     isLoading,
     error,
-    fetchPublicFiles
+    // refetch (if we need to manually update)
   } = useFileStorage(fileStorageServiceId);
 
   const [searchParams, setSearchParams] = useSearchParams();
@@ -129,13 +129,6 @@ function FileStoragePage() {
     });
   };
 
-  useEffect(() => {
-    if (fileStorageServiceId) {
-      fetchPublicFiles(fileStorageServiceId, path);
-    }
-  }, [fileStorageServiceId, path]);
-
-
   if (isLoading) {
     return <LoadingIndicator />;
   }