From 3ecacc69a5ede6affc398e7397f7203d6a5ca79a Mon Sep 17 00:00:00 2001
From: mbecker20 <becker.maxh@gmail.com>
Date: Sat, 30 Mar 2024 04:45:10 -0700
Subject: [PATCH] update useUser

---
 frontend/src/lib/hooks.ts            |  8 ++++----
 frontend/src/pages/user_disabled.tsx | 12 ++++++++++++
 frontend/src/router.tsx              |  3 ++-
 3 files changed, 18 insertions(+), 5 deletions(-)
 create mode 100644 frontend/src/pages/user_disabled.tsx

diff --git a/frontend/src/lib/hooks.ts b/frontend/src/lib/hooks.ts
index 045849c12..2eef3f2fd 100644
--- a/frontend/src/lib/hooks.ts
+++ b/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;
-};
\ No newline at end of file
+};
diff --git a/frontend/src/pages/user_disabled.tsx b/frontend/src/pages/user_disabled.tsx
new file mode 100644
index 000000000..19c86d780
--- /dev/null
+++ b/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>
+  );
+};
diff --git a/frontend/src/router.tsx b/frontend/src/router.tsx
index 6d6e699de..397f0fef8 100644
--- a/frontend/src/router.tsx
+++ b/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} />;
 };