Navigate back to home route onLogout.

gofractally · Dec 14, 2024 · 99952ce · 99952ce
1 parent df44078
commit 99952ce
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/services/user/Chainmail/ui/src/components/nav.tsx b/services/user/Chainmail/ui/src/components/nav.tsx
@@ -1,13 +1,9 @@
+import { useNavigate } from "react-router-dom";
 import { LucideIcon } from "lucide-react";
 
-import { cn } from "../lib/utils";
-import { buttonVariants } from "../shad/components/ui/button";
-import {
-    Tooltip,
-    TooltipContent,
-    TooltipTrigger,
-} from "../shad/components/ui/tooltip";
-import { useNavigate } from "react-router-dom";
+import { buttonVariants } from "@shadcn/button";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@shadcn/tooltip";
+import { cn } from "@lib/utils";
 
 interface NavProps {
     isCollapsed: boolean;

diff --git a/services/user/Chainmail/ui/src/hooks/use-logout.ts b/services/user/Chainmail/ui/src/hooks/use-logout.ts
@@ -1,8 +1,10 @@
+import { useNavigate } from "react-router-dom";
 import { useQueryClient, useMutation } from "@tanstack/react-query";
 
 import { supervisor } from "src/main";
 
 export const useLogout = () => {
+    const navigate = useNavigate();
     const queryClient = useQueryClient();
 
     return useMutation({
@@ -16,6 +18,7 @@ export const useLogout = () => {
             });
         },
         onSuccess: () => {
+            navigate("/");
             queryClient.refetchQueries({ queryKey: ["loggedInUser"] });
             setTimeout(() => {
                 queryClient.refetchQueries({ queryKey: ["loggedInUser"] });