update useUser

frontend/src/lib/hooks.ts

@@ -26,15 +26,15 @@ export const useUser = () =>
   useQuery({
     queryKey: ["GetUser"],
     queryFn: () => client().auth({ type: "GetUser", params: {} }),
+    refetchInterval: 30_000,
   });
 
 export const useUserInvalidate = () => {
   const qc = useQueryClient();
   return () => {
     qc.invalidateQueries({ queryKey: ["GetUser"] });
-  }
-}
-
+  };
+};
 
 export const useInvalidate = () => {
   const qc = useQueryClient();
@@ -144,4 +144,4 @@ export const usePushRecentlyViewed = ({ type, id }: Types.ResourceTarget) => {
   }, [type, id, push]);
 
   return push;
-};
+};

frontend/src/pages/user_disabled.tsx

@@ -0,0 +1,12 @@
+import { UserX } from "lucide-react";
+
+export const UserDisabled = () => {
+  return (
+    <div className="w-full h-screen flex justify-center items-center">
+      <div className="flex flex-col gap-4 justify-center items-center">
+        <UserX className="w-16 h-16" />
+        User Not Enabled
+      </div>
+    </div>
+  );
+};

frontend/src/router.tsx

@@ -11,6 +11,7 @@ import { Tags } from "@pages/tags";
 import { ResourceUpdates } from "@pages/resource_update";
 import { UsersPage } from "@pages/users";
 import { AllResources } from "@pages/all_resources";
+import { UserDisabled } from "@pages/user_disabled";
 
 const router = createBrowserRouter([
   {
@@ -40,7 +41,7 @@ export const Router = () => {
 
   if (isLoading) return null;
   if (!user) return <Login />;
-  if (!user.enabled) return <div>User Not Enabled</div>
+  if (!user.enabled) return <UserDisabled />;
 
   return <RouterProvider router={router} />;
 };