Berkay/evyos-frontend-development
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

build-address added tested

Browse Source
This commit is contained in:
Berkay
2025-11-18 16:25:03 +03:00
parent 6a5acd28db
commit 688576a1de
129 changed files with 8116 additions and 385 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
frontend/components/dashboard/nav-main.tsx
View File

@@ -1,51 +1,30 @@
"use client"
import { IconCirclePlusFilled, IconMail, type Icon } from "@tabler/icons-react"
import { Button } from "@/components/ui/button"
import {
SidebarGroup,
SidebarGroupContent,
SidebarMenu,
SidebarMenuButton,
SidebarMenuItem,
} from "@/components/ui/sidebar"
import Link from "next/link"
import { type Icon } from "@tabler/icons-react"
import { SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "@/components/ui/sidebar"
import { usePathname } from 'next/navigation'
export function NavMain({
items,
}: {
items: {
title: string
url: string
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>
interface NavMainProps {
title: string
url: string
icon?: Icon
}
const linkRenderDisabled = (item: { title: string; url: string; icon?: Icon }) =>
export function NavMain({ items }: { items: NavMainProps[] }) {
const pathname = usePathname()?.split("/")[1]
const linkRenderActive = (item: NavMainProps) =>
<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: NavMainProps) =>
<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>
<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>
{items.map((item) => pathname?.includes(item.url) ? linkRenderDisabled(item) : linkRenderActive(item))}
{items.map((item) => pathname?.toLocaleLowerCase() === item.url?.split("/")[1].toLocaleLowerCase() ? linkRenderDisabled(item) : linkRenderActive(item))}
</SidebarMenu>
</SidebarGroupContent>
</SidebarGroup>