From ac6d24afb88dbddf63059a0c08dbf25b6802025d Mon Sep 17 00:00:00 2001
From: zmeyer44 <zmmeyer44@gmail.com>
Date: Sat, 14 Oct 2023 23:41:59 -0400
Subject: [PATCH] undoeing messed up

---
 app/(app)/_layout/BottomNav.tsx | 62 +++++++--------------------------
 1 file changed, 13 insertions(+), 49 deletions(-)

diff --git a/app/(app)/_layout/BottomNav.tsx b/app/(app)/_layout/BottomNav.tsx
index 995c46f..a0d45b0 100644
--- a/app/(app)/_layout/BottomNav.tsx
+++ b/app/(app)/_layout/BottomNav.tsx
@@ -5,12 +5,6 @@ import {
   RiQuestionAnswerFill,
 } from "react-icons/ri";
 import { cn } from "@/lib/utils";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 
 export default function BottomNav() {
   const navigationItems = [
@@ -19,66 +13,36 @@ export default function BottomNav() {
       name: "home",
       icon: RiHome6Fill,
       current: true,
-      active: true,
     },
     {
       href: "",
       name: "explore",
       icon: RiCompass3Fill,
       current: false,
-      active: false,
     },
     {
       href: "",
       name: "messages",
       icon: RiQuestionAnswerFill,
       current: false,
-      active: false,
     },
   ];
   return (
     <footer className="z-header- flex h-[var(--bottom-nav-height)] w-full bg-background sm:hidden">
       <div className="fixed inset-x-0 bottom-0 flex h-[var(--bottom-nav-height)] flex-1 items-center justify-between border-t bg-background px-4">
-        {navigationItems.map((item) => {
-          if (item.active) {
-            return (
-              <Link href={item.href} className="center group flex-1">
-                <item.icon
-                  className={cn(
-                    item.current
-                      ? "text-foreground"
-                      : "text-muted-foreground group-hover:text-foreground",
-                    "h-6 w-6 shrink-0",
-                  )}
-                  aria-hidden="true"
-                />
-              </Link>
-            );
-          } else {
-            return (
-              <TooltipProvider key={item.name}>
-                <Tooltip delayDuration={100}>
-                  <TooltipTrigger className="center group flex-1">
-                    <div className="center group flex-1">
-                      <item.icon
-                        className={cn(
-                          item.current
-                            ? "text-foreground"
-                            : "text-muted-foreground group-hover:text-foreground",
-                          "h-6 w-6 shrink-0",
-                        )}
-                        aria-hidden="true"
-                      />
-                    </div>
-                  </TooltipTrigger>
-                  <TooltipContent align="center">
-                    <p>Coming Soon</p>
-                  </TooltipContent>
-                </Tooltip>
-              </TooltipProvider>
-            );
-          }
-        })}
+        {navigationItems.map((item) => (
+          <Link href={item.href} className="center group group flex-1">
+            <item.icon
+              className={cn(
+                item.current
+                  ? "text-foreground"
+                  : "text-muted-foreground group-hover:text-foreground",
+                "h-6 w-6 shrink-0",
+              )}
+              aria-hidden="true"
+            />
+          </Link>
+        ))}
         <div className="standalone:block hidden h-[20px] w-full"></div>
       </div>
     </footer>