From dabec9c1bf53676fd311cd6cbfdd74ad30caae9c Mon Sep 17 00:00:00 2001
From: Justin Tan <tanjustin217@gmail.com>
Date: Wed, 1 Apr 2026 17:05:43 -0600
Subject: [PATCH] Fix home button redirect

---
 src/app/_components/common/navbar.tsx | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/app/_components/common/navbar.tsx b/src/app/_components/common/navbar.tsx
index cd8ba81..a06190d 100644
--- a/src/app/_components/common/navbar.tsx
+++ b/src/app/_components/common/navbar.tsx
@@ -2,11 +2,13 @@
 
 import { Group, Text } from "@mantine/core";
 import Link from "next/link";
-import { usePathname } from "next/navigation";
+import { usePathname, useRouter } from "next/navigation";
 import { useState } from "react";
 import { AdminDashboard } from "@/app/_components/admincomponents/admin-dashboard";
 import Bell from "@/assets/icons/bell";
 import Home from "@/assets/icons/home";
+import { api } from "@/trpc/react";
+import IconButton from "./button/IconButton";
 import styles from "./navbar.module.scss";
 import Profile from "./profile/profile";
 
@@ -35,11 +37,22 @@ function NavLink({ href, children }: NavLinkProps) {
 
 export default function Navbar({ view, agencyName }: NavbarProps) {
   const [inviteModalOpen, setInviteModalOpen] = useState(false);
-
+  const router = useRouter();
+  const { mutate } = api.organization.redirectToDashboard.useMutation({
+    onSuccess: (data) => {
+      router.replace(data.redirectUrl);
+    },
+  });
   return (
     <Group justify="space-between" className={`border-bottom ${styles.navbar}`}>
       <Group>
-        <Home />
+        <IconButton
+          onClick={() => mutate()}
+          ariaLabel="Button"
+          icon={<Home />}
+          color="blue"
+          transparent={true}
+        ></IconButton>
         <Text>{view === "agency" ? `${agencyName ?? "[Agency name]"} Home` : ""}</Text>
       </Group>