feat: drawers registry

src/hooks/useProjectsList.ts

@@ -4,19 +4,24 @@ import { ProjectSchema } from "@/lib/client";
 import { getProjectsOptions } from "@/lib/client/@tanstack/react-query.gen";
 
 const useProjectsList = () => {
-    const [projects, setProjects] = useState<ProjectSchema[]>([]);
-
-    const { data, refetch, isLoading } = useQuery({
+    const { refetch, data, isLoading } = useQuery({
         ...getProjectsOptions(),
     });
 
+    const [projects, setProjects] = useState<ProjectSchema[]>([]);
+
+    const refetchProjects = async () => {
+        const res = await refetch();
+        setProjects(res.data?.projects ?? []);
+    };
+
     useEffect(() => {
         if (data?.projects) {
             setProjects(data.projects);
         }
     }, [data?.projects]);
 
-    return { projects, setProjects, refetch, isLoading };
+    return { projects, setProjects, refetch: refetchProjects, isLoading };
 };
 
 export default useProjectsList;