diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 1c90fcb..c4f6394 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -11,6 +11,7 @@ import { import { GlobeAltIcon } from "@heroicons/react/24/outline"; import Link from "next/link"; import Avatar from "./Avatar"; +import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/Tooltip"; import { Card } from "./ui/card"; import { Popover, PopoverContent, PopoverTrigger } from "./ui/popover"; @@ -23,18 +24,59 @@ interface ButtonProps { function NavbarButton({ text, icon, href, ariaLabel }: ButtonProps) { return ( -
+ + <> + {icon} +{text}
+ > + + ); +} + +function FriendsButton() { + const settingsStore = useStore(useSettingsStore, (state) => state); + + return ( +No friends, add someone!
+ ) : ( + settingsStore?.friends.map((friend) => { + return ( + +#{friend.rank}
+{friend.name}
+No friends, add someone!
- ) : ( - settingsStore?.friends.map((friend) => { - return ( - -#{friend.rank}
-{friend.name}
-