From 4f7cdf37e820cd5e2771d5f2e422e96b90b1aa58 Mon Sep 17 00:00:00 2001
From: Sosokker <sirinza29@gmail.com>
Date: Thu, 28 Nov 2024 05:47:32 +0700
Subject: [PATCH] ui: add calendar ui to navbar

---
 src/components/navigationBar/AuthenticatedComponents.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/navigationBar/AuthenticatedComponents.tsx b/src/components/navigationBar/AuthenticatedComponents.tsx
index 4ddbe33..bd55452 100644
--- a/src/components/navigationBar/AuthenticatedComponents.tsx
+++ b/src/components/navigationBar/AuthenticatedComponents.tsx
@@ -10,7 +10,7 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
-import { Bell, Heart, Wallet, ChartPie, CalendarClock } from "lucide-react";
+import { Bell, Heart, Wallet, ChartPie, CalendarClock, Calendar } from "lucide-react";
 import { LogoutButton } from "@/components/auth/logoutButton";
 import { useUserRole } from "@/hooks/useUserRole";
 import CustomTooltip from "../customToolTip";
@@ -63,7 +63,11 @@ export const AuthenticatedComponents = ({ uid, avatarUrl, notificationCount }: A
           </CustomTooltip>
         </div>
       )}
-
+      <CustomTooltip message="Calendar">
+        <Link href={"/calendar"}>
+          <Calendar className="cursor-pointer" />
+        </Link>
+      </CustomTooltip>
       {/*chart pie icon for bussiness's dashboard */}
       {data?.role === "business" && (
         <div className="flex gap-2">