add: tree / search

src/utils/path-queries.js

@@ -55,6 +55,7 @@ export const useCreatePath = () => {
             onSuccess: (res, variables) => {
                 console.log(JSON.stringify(variables));
                 queryClient.invalidateQueries(["paths", variables.parent_id]);
+                queryClient.invalidateQueries("tree");
             },
         }
     );
@@ -73,6 +74,7 @@ export const useUpdatePath = () => {
             onSuccess: (res, variables) => {
                 queryClient.invalidateQueries(["paths", res.parent_id]);
                 queryClient.invalidateQueries(["path", variables.data.id]);
+                queryClient.invalidateQueries("tree");
             },
         }
     );
@@ -89,6 +91,7 @@ export const useDeletePath = () => {
         {
             onSuccess: () => {
                 queryClient.invalidateQueries("paths");
+                queryClient.invalidateQueries("tree");
             },
         }
     );
@@ -107,6 +110,7 @@ export const useMovePath = () => {
         {
             onSuccess: () => {
                 queryClient.invalidateQueries("paths");
+                queryClient.invalidateQueries("tree");
             }
         }
     );

src/utils/tree-queries.js

@@ -0,0 +1,19 @@
+import {useQuery, useMutation, useQueryClient} from "react-query";
+import {fetch_} from "./request-utils";
+import {useConfig} from "../ConfigProvider";
+
+
+export const useTree = () => {
+    const queryClient = useQueryClient();
+    const config = useConfig();
+    return useQuery(
+        "tree",
+        () => fetch_(`${config.BACKEND_HOST}/api/tree/`),
+        {
+            onSuccess: data => {
+                if(data)
+                    queryClient.setQueryData("tree", data);
+            }
+        }
+    );
+}