diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index c4f6394..75c7469 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -11,7 +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 { Button } from "./ui/button"; import { Card } from "./ui/card"; import { Popover, PopoverContent, PopoverTrigger } from "./ui/popover"; @@ -51,7 +51,20 @@ function FriendsButton() { {settingsStore?.friends.length == 0 ? ( -

No friends, add someone!

+
+
+

No friends

+

+ Add new friends by clicking below +

+
+ + + + +
) : ( settingsStore?.friends.map((friend) => { return ( @@ -94,19 +107,21 @@ export default function Navbar() { } href={`/player/${settingsStore.player.id}/top/1`} /> )} - + + {/* TODO: fix hydration error? */} + {/* Click to view your friends - + */}