users update create delete tested

frontend/components/dashboard/data-table.tsx

@@ -52,7 +52,6 @@ import {
 import { Area, AreaChart, CartesianGrid, XAxis } from "recharts"
 import { toast } from "sonner"
 import { z } from "zod"
-
 import { useIsMobile } from "@/hooks/use-mobile"
 import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"

frontend/components/dashboard/nav-documents.tsx

@@ -25,15 +25,7 @@ import {
     useSidebar,
 } from "@/components/ui/sidebar"
 
-export function NavDocuments({
-    items,
-}: {
-    items: {
-        name: string
-        url: string
-        icon: Icon
-    }[]
-}) {
+export function NavDocuments({ items }: { items: { name: string, url: string, icon: Icon }[] }) {
     const { isMobile } = useSidebar()
 
     return (

frontend/components/dashboard/nav-main.tsx

@@ -10,6 +10,8 @@ import {
     SidebarMenuButton,
     SidebarMenuItem,
 } from "@/components/ui/sidebar"
+import Link from "next/link"
+import { usePathname } from 'next/navigation'
 
 export function NavMain({
     items,
@@ -20,37 +22,30 @@ export function NavMain({
         icon?: Icon
     }[]
 }) {
+    const pathname = usePathname()
+    const linkRenderActive = (item: { title: string; url: string; icon?: Icon }) =>
+        <Link key={`${item.title}-${item.url}`} href={item.url}>
+            <SidebarMenuItem>
+                <SidebarMenuButton tooltip={item.title}>
+                    {item.icon && <item.icon />}
+                    <span>{item.title}</span>
+                </SidebarMenuButton>
+            </SidebarMenuItem>
+        </Link>
+
+    const linkRenderDisabled = (item: { title: string; url: string; icon?: Icon }) =>
+        <SidebarMenuItem key={`${item.title}-${item.url}`} className="opacity-50 bg-gray-300 border-gray-300 border-2 rounded-2xl">
+            <SidebarMenuButton disabled tooltip={item.title}>
+                {item.icon && <item.icon />}
+                <span>{item.title}</span>
+            </SidebarMenuButton>
+        </SidebarMenuItem>
+
     return (
         <SidebarGroup>
             <SidebarGroupContent className="flex flex-col gap-2">
                 <SidebarMenu>
-                    <SidebarMenuItem className="flex items-center gap-2">
-                        <SidebarMenuButton
-                            tooltip="Quick Create"
-                            className="bg-primary text-primary-foreground hover:bg-primary/90 hover:text-primary-foreground active:bg-primary/90 active:text-primary-foreground min-w-8 duration-200 ease-linear"
-                        >
-                            <IconCirclePlusFilled />
-                            <span>Quick Create</span>
-                        </SidebarMenuButton>
-                        <Button
-                            size="icon"
-                            className="size-8 group-data-[collapsible=icon]:opacity-0"
-                            variant="outline"
-                        >
-                            <IconMail />
-                            <span className="sr-only">Inbox</span>
-                        </Button>
-                    </SidebarMenuItem>
-                </SidebarMenu>
-                <SidebarMenu>
-                    {items.map((item) => (
-                        <SidebarMenuItem key={item.title}>
-                            <SidebarMenuButton tooltip={item.title}>
-                                {item.icon && <item.icon />}
-                                <span>{item.title}</span>
-                            </SidebarMenuButton>
-                        </SidebarMenuItem>
-                    ))}
+                    {items.map((item) => pathname?.includes(item.url) ? linkRenderDisabled(item) : linkRenderActive(item))}
                 </SidebarMenu>
             </SidebarGroupContent>
         </SidebarGroup>

frontend/components/dashboard/site-header.tsx

@@ -19,8 +19,7 @@ export function SiteHeader() {
                             rel="noopener noreferrer"
                             target="_blank"
                             className="dark:text-foreground"
-                        >
-                            GitHub
+                        >GitHub
                         </a>
                     </Button>
                 </div>