From cbb257f21fd4d19d330df2db1dd39f8dd95a1b0d Mon Sep 17 00:00:00 2001 From: zmeyer44 Date: Sat, 14 Oct 2023 23:35:08 -0400 Subject: [PATCH] added coming soon popover --- app/(app)/_layout/Sidebar.tsx | 80 ++++++++++++++++++++++++++-------- bun.lockb | Bin 302911 -> 303818 bytes components/ui/tooltip.tsx | 30 +++++++++++++ package.json | 1 + 4 files changed, 93 insertions(+), 18 deletions(-) create mode 100644 components/ui/tooltip.tsx diff --git a/app/(app)/_layout/Sidebar.tsx b/app/(app)/_layout/Sidebar.tsx index bb2ae0b..31f99b8 100644 --- a/app/(app)/_layout/Sidebar.tsx +++ b/app/(app)/_layout/Sidebar.tsx @@ -11,6 +11,12 @@ import { import { HiOutlineLightningBolt } from "react-icons/hi"; import { cn } from "@/lib/utils"; import { Button } from "@/components/ui/button"; +import { + Tooltip, + TooltipContent, + TooltipProvider, + TooltipTrigger, +} from "@/components/ui/tooltip"; export default function Sidebar() { const navigation = [ @@ -20,6 +26,7 @@ export default function Sidebar() { label: "Home", icon: RiHome6Fill, current: true, + active: true, }, { href: "", @@ -27,6 +34,7 @@ export default function Sidebar() { label: "Explore", icon: RiCompassLine, current: false, + active: false, }, { href: "", @@ -34,6 +42,7 @@ export default function Sidebar() { label: "Messages", icon: RiQuestionAnswerLine, current: false, + active: false, }, { href: "", @@ -41,6 +50,7 @@ export default function Sidebar() { label: "Zap Flockstr", icon: HiOutlineLightningBolt, current: false, + active: true, }, ]; return ( @@ -48,24 +58,58 @@ export default function Sidebar() {
- {navigation.map((item) => ( - -