From 1f5393747741d89fadcd0ae00a3d9e25a5d35068 Mon Sep 17 00:00:00 2001
From: Ru Chern Chong <ruchern.chong@sgcarstrends.com>
Date: Sat, 30 Nov 2024 22:43:48 +0800
Subject: [PATCH] Remove unused component

---
 app/components/NavMenu.tsx | 274 -------------------------------------
 1 file changed, 274 deletions(-)
 delete mode 100644 app/components/NavMenu.tsx

diff --git a/app/components/NavMenu.tsx b/app/components/NavMenu.tsx
deleted file mode 100644
index 66f4cc9..0000000
--- a/app/components/NavMenu.tsx
+++ /dev/null
@@ -1,274 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { useState } from "react";
-import Link from "next/link";
-import { ArrowRight, type LucideIcon, Menu, Search } from "lucide-react";
-import { BrandLogo } from "@/components/BrandLogo";
-import Typography from "@/components/Typography";
-import { UnreleasedFeature } from "@/components/UnreleasedFeature";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-} from "@/components/ui/accordion";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import {
-  NavigationMenu,
-  NavigationMenuContent,
-  NavigationMenuItem,
-  NavigationMenuLink,
-  NavigationMenuList,
-  NavigationMenuTrigger,
-  navigationMenuTriggerStyle,
-} from "@/components/ui/navigation-menu";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { FUEL_TYPE_LINKS, VEHICLE_TYPE_LINKS } from "@/config";
-import { cn } from "@/lib/utils";
-
-export const NavMenu = () => (
-  <NavigationMenu>
-    <NavigationMenuList>
-      <NavigationMenuItem>
-        <Link href="/cars" legacyBehavior passHref>
-          <NavigationMenuLink className={navigationMenuTriggerStyle()}>
-            Monthly
-          </NavigationMenuLink>
-        </Link>
-      </NavigationMenuItem>
-      <NavigationMenuItem>
-        <NavigationMenuTrigger>Fuel Types</NavigationMenuTrigger>
-        <NavigationMenuContent>
-          <ul className="grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]">
-            {/*<li className="row-span-4">*/}
-            {/*  <NavigationMenuLink asChild>*/}
-            {/*    <Link*/}
-            {/*      className="flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md"*/}
-            {/*      href="/cars"*/}
-            {/*    >*/}
-            {/*      <TrendingUp className="h-6 w-6 stroke-primary" />*/}
-            {/*      <div className="mb-2 mt-4 text-lg font-medium">Monthly</div>*/}
-            {/*      <p className="text-sm leading-tight text-muted-foreground">*/}
-            {/*        Car registration data for the latest month and previous*/}
-            {/*        months, broken down by fuel type and vehicle type.*/}
-            {/*      </p>*/}
-            {/*    </Link>*/}
-            {/*  </NavigationMenuLink>*/}
-            {/*</li>*/}
-            {FUEL_TYPE_LINKS.map(({ label, description, href, icon }) => (
-              <ListItem key={label} href={href} title={label} icon={icon}>
-                {description}
-              </ListItem>
-            ))}
-          </ul>
-        </NavigationMenuContent>
-      </NavigationMenuItem>
-      <NavigationMenuItem>
-        <NavigationMenuTrigger>Vehicle Types</NavigationMenuTrigger>
-        <NavigationMenuContent>
-          <ul className="grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]">
-            {VEHICLE_TYPE_LINKS.map(({ label, description, href, icon }) => (
-              <ListItem key={label} href={href} title={label} icon={icon}>
-                {description}
-              </ListItem>
-            ))}
-          </ul>
-        </NavigationMenuContent>
-      </NavigationMenuItem>
-      <NavigationMenuItem>
-        <Link href="/coe" legacyBehavior passHref>
-          <NavigationMenuLink className={navigationMenuTriggerStyle()}>
-            COE
-          </NavigationMenuLink>
-        </Link>
-      </NavigationMenuItem>
-      {/*<NavigationMenuItem>*/}
-      {/*  <NavigationMenuTrigger>COE</NavigationMenuTrigger>*/}
-      {/*  <NavigationMenuContent>*/}
-      {/*    <ul className="grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]">*/}
-      {/*      <ListItem href="/coe/prices" title="Latest COE">*/}
-      {/*        Latest*/}
-      {/*      </ListItem>*/}
-      {/*      <ListItem href="/coe/prices" title="Historical COE Trends">*/}
-      {/*        Historical*/}
-      {/*      </ListItem>*/}
-      {/*    </ul>*/}
-      {/*  </NavigationMenuContent>*/}
-      {/*</NavigationMenuItem>*/}
-    </NavigationMenuList>
-  </NavigationMenu>
-);
-
-export const DesktopNavMenu = () => (
-  <nav className="container p-4">
-    <Link href="/">
-      <BrandLogo />
-    </Link>
-    {/*<NavMenu />*/}
-    {/*<UnreleasedFeature>*/}
-    {/*  <div className="flex items-center gap-x-4">*/}
-    {/*    <div className="relative">*/}
-    {/*      <Input*/}
-    {/*        type="search"*/}
-    {/*        placeholder="Search..."*/}
-    {/*        className="border border-gray-300 pl-10 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500"*/}
-    {/*      />*/}
-    {/*      <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">*/}
-    {/*        <Search className="h-4 w-4 text-gray-400" />*/}
-    {/*      </div>*/}
-    {/*    </div>*/}
-    {/*  </div>*/}
-    {/*</UnreleasedFeature>*/}
-  </nav>
-);
-
-export const MobileNavMenu = () => {
-  const [isOpen, setIsOpen] = useState(false);
-
-  return (
-    <div className="flex items-center justify-between p-4 lg:hidden">
-      <Link href="/" className="flex items-center gap-x-2">
-        <BrandLogo />
-      </Link>
-      {/*<Sheet open={isOpen} onOpenChange={setIsOpen}>*/}
-      {/*  <SheetTrigger asChild>*/}
-      {/*    <Button variant="ghost" size="icon">*/}
-      {/*      <Menu className="h-6 w-6" />*/}
-      {/*    </Button>*/}
-      {/*  </SheetTrigger>*/}
-      {/*  <SheetContent side="left" className="w-full">*/}
-      {/*    <Link*/}
-      {/*      href="/"*/}
-      {/*      className="mb-6 flex items-center gap-x-2"*/}
-      {/*      onClick={() => setIsOpen(false)}*/}
-      {/*    >*/}
-      {/*      <BrandLogo />*/}
-      {/*    </Link>*/}
-      {/*    <ScrollArea className="h-full pb-6">*/}
-      {/*      <div className="mb-6">*/}
-      {/*        <UnreleasedFeature>*/}
-      {/*          <div className="relative mb-6">*/}
-      {/*            <Search className="absolute left-3 top-1/2 -translate-y-1/2 transform text-gray-400" />*/}
-      {/*            <Input*/}
-      {/*              type="search"*/}
-      {/*              placeholder="Search cars..."*/}
-      {/*              className="rounded-full border-gray-300 py-2 pl-10 pr-4 focus:border-blue-500 focus:ring focus:ring-blue-200 focus:ring-opacity-50"*/}
-      {/*            />*/}
-      {/*          </div>*/}
-      {/*        </UnreleasedFeature>*/}
-      {/*        <Tabs defaultValue="cars">*/}
-      {/*          <TabsList>*/}
-      {/*            <TabsTrigger value="cars">Cars</TabsTrigger>*/}
-      {/*            <TabsTrigger value="coe">COE</TabsTrigger>*/}
-      {/*          </TabsList>*/}
-      {/*          <ScrollArea className="h-3/4">*/}
-      {/*            <TabsContent value="cars">*/}
-      {/*              <Link href="/cars" onClick={() => setIsOpen(false)}>*/}
-      {/*                <Typography.H4 className="flex items-center gap-1">*/}
-      {/*                  Monthly <ArrowRight className="h-6 w-6" />*/}
-      {/*                </Typography.H4>*/}
-      {/*              </Link>*/}
-      {/*              <Accordion type="multiple">*/}
-      {/*                <AccordionItem value="fuelType">*/}
-      {/*                  <AccordionTrigger>Fuel Type</AccordionTrigger>*/}
-      {/*                  <AccordionContent>*/}
-      {/*                    <div className="flex flex-col space-y-4">*/}
-      {/*                      {FUEL_TYPE_LINKS.map(*/}
-      {/*                        ({ label, description, href, icon: Icon }) => (*/}
-      {/*                          <Link*/}
-      {/*                            key={label}*/}
-      {/*                            href={href}*/}
-      {/*                            onClick={() => setIsOpen(false)}*/}
-      {/*                          >*/}
-      {/*                            <div className="flex items-center gap-2">*/}
-      {/*                              {Icon && <Icon className="h-4 w-4" />}*/}
-      {/*                              <div>{label}</div>*/}
-      {/*                            </div>*/}
-      {/*                            <Typography.Muted>*/}
-      {/*                              {description}*/}
-      {/*                            </Typography.Muted>*/}
-      {/*                          </Link>*/}
-      {/*                        ),*/}
-      {/*                      )}*/}
-      {/*                    </div>*/}
-      {/*                  </AccordionContent>*/}
-      {/*                </AccordionItem>*/}
-      {/*                <AccordionItem value="vehicleType">*/}
-      {/*                  <AccordionTrigger>Vehicle Type</AccordionTrigger>*/}
-      {/*                  <AccordionContent>*/}
-      {/*                    <div className="flex flex-col space-y-4">*/}
-      {/*                      {VEHICLE_TYPE_LINKS.map(({ label, href }) => (*/}
-      {/*                        <Link*/}
-      {/*                          key={label}*/}
-      {/*                          href={href}*/}
-      {/*                          onClick={() => setIsOpen(false)}*/}
-      {/*                        >*/}
-      {/*                          {label}*/}
-      {/*                        </Link>*/}
-      {/*                      ))}*/}
-      {/*                    </div>*/}
-      {/*                  </AccordionContent>*/}
-      {/*                </AccordionItem>*/}
-      {/*              </Accordion>*/}
-      {/*            </TabsContent>*/}
-      {/*            <TabsContent value="coe">*/}
-      {/*              <Accordion type="multiple">*/}
-      {/*                <AccordionItem value="dashboard">*/}
-      {/*                  <AccordionTrigger>COE</AccordionTrigger>*/}
-      {/*                  <AccordionContent>*/}
-      {/*                    <Link href="/coe" onClick={() => setIsOpen(false)}>*/}
-      {/*                      Dashboard*/}
-      {/*                    </Link>*/}
-      {/*                  </AccordionContent>*/}
-      {/*                </AccordionItem>*/}
-      {/*              </Accordion>*/}
-      {/*            </TabsContent>*/}
-      {/*          </ScrollArea>*/}
-      {/*        </Tabs>*/}
-      {/*      </div>*/}
-      {/*    </ScrollArea>*/}
-      {/*  </SheetContent>*/}
-      {/*</Sheet>*/}
-    </div>
-  );
-};
-
-const ListItem = React.forwardRef<
-  React.ElementRef<"a">,
-  React.ComponentPropsWithoutRef<"a"> & {
-    title: string;
-    href: string;
-    icon?: LucideIcon;
-  }
->(({ className, title, children, href, icon: Icon, ...props }, ref) => {
-  return (
-    <li>
-      <NavigationMenuLink className={navigationMenuTriggerStyle()} asChild>
-        <Link href={href} legacyBehavior passHref>
-          <a
-            ref={ref}
-            className={cn(
-              "block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
-              className,
-            )}
-            {...props}
-          >
-            <div className="flex items-center space-x-2">
-              {Icon && <Icon className="h-4 w-4" />}
-              <div className="text-sm font-medium leading-none">{title}</div>
-            </div>
-            <p className="line-clamp-2 text-sm leading-snug text-muted-foreground">
-              {children}
-            </p>
-          </a>
-        </Link>
-      </NavigationMenuLink>
-    </li>
-  );
-});
-
-ListItem.displayName = "ListItem";