ui: add calendar ui to navbar

This commit is contained in:
Sosokker 2024-11-28 05:47:32 +07:00
parent 51a86bc939
commit 4f7cdf37e8

View File

@ -10,7 +10,7 @@ import {
DropdownMenuTrigger, DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"; } from "@/components/ui/dropdown-menu";
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; 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 { LogoutButton } from "@/components/auth/logoutButton";
import { useUserRole } from "@/hooks/useUserRole"; import { useUserRole } from "@/hooks/useUserRole";
import CustomTooltip from "../customToolTip"; import CustomTooltip from "../customToolTip";
@ -63,7 +63,11 @@ export const AuthenticatedComponents = ({ uid, avatarUrl, notificationCount }: A
</CustomTooltip> </CustomTooltip>
</div> </div>
)} )}
<CustomTooltip message="Calendar">
<Link href={"/calendar"}>
<Calendar className="cursor-pointer" />
</Link>
</CustomTooltip>
{/*chart pie icon for bussiness's dashboard */} {/*chart pie icon for bussiness's dashboard */}
{data?.role === "business" && ( {data?.role === "business" && (
<div className="flex gap-2"> <div className="flex gap-2">