Uecko/Presupuestador_web
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

.

Browse Source
This commit is contained in:
David Arranz 2024-10-01 14:07:28 +02:00
parent 567da4379c
commit 4257582d24
1 changed files with 43 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

102
client/src/components/Layout/LayoutHeader.tsx
View File

@ -9,6 +9,21 @@ import { Link, useLocation } from "react-router-dom";
import { UeckoLogo } from "../UeckoLogo";
import { UserButton } from "./components";
const mainMenu = [
{
label: "main_menu.quotes",
to: "/quotes",
},
{
label: "main_menu.catalog",
to: "/catalog",
},
{
label: "main_menu.settings",
to: "/settings",
},
];
export const LayoutHeader = () => {
const location = useLocation();
@ -24,50 +39,19 @@ export const LayoutHeader = () => {
<UeckoLogo className='w-24' />
<span className='sr-only'>Uecko</span>
</Link>
{/*<Link
to='/home'
className={cn(
"transition-colors text-muted-foreground hover:text-foreground",
isActiveLink("/home") ? "text-foreground" : "text-muted-foreground"
)}
>
<Trans i18nKey='main_menu.home' />
</Link>*/}
<Link
to='/quotes'
className={cn(
"transition-colors text-muted-foreground hover:text-foreground",
isActiveLink("/quotes") ? "text-foreground" : "text-muted-foreground"
)}
>
<Trans i18nKey='main_menu.quotes' />
</Link>
<Link
to='/catalog'
className={cn(
"transition-colors text-muted-foreground hover:text-foreground",
isActiveLink("/catalog") ? "text-foreground" : "text-muted-foreground"
)}
>
<Trans i18nKey='main_menu.catalog' />
</Link>
{/*<Link
to='/dealers'
className={cn(
"transition-colors text-muted-foreground hover:text-foreground",
isActiveLink("/dealers") ? "text-foreground" : "text-muted-foreground"
)}
<Trans i18nKey='main_menu.dealers' />
</Link>*/}
<Link
to='/settings'
className={cn(
"transition-colors text-muted-foreground hover:text-foreground",
isActiveLink("/settings") ? "text-foreground" : "text-muted-foreground"
)}
>
<Trans i18nKey='main_menu.settings' />
</Link>
{mainMenu.map((menuItem) => (
<Link
to={menuItem.to}
className={cn(
"transition-colors text-muted-foreground hover:text-foreground",
isActiveLink(menuItem.to)
? "text-foreground font-bold"
: "text-muted-foreground font-semibold"
)}
>
<Trans i18nKey={menuItem.label} />
</Link>
))}
</nav>
<Sheet>
<SheetTrigger asChild>
@ -82,28 +66,28 @@ export const LayoutHeader = () => {
<Package2Icon className='w-6 h-6' />
<span className='sr-only'>Uecko</span>
</Link>
{/*<Link to='/home' className='text-muted-foreground hover:text-foreground'>
<Trans i18nKey='main_menu.home' />
</Link>*/}
<Link to='/quotes' className='text-muted-foreground hover:text-foreground'>
<Trans i18nKey='main_menu.quotes' />
</Link>
<Link to='/catalog' className='text-muted-foreground hover:text-foreground'>
<Trans i18nKey='main_menu.catalog' />
</Link>
<Link to='/dealers' className='text-muted-foreground hover:text-foreground'>
<Trans i18nKey='main_menu.dealers' />
</Link>
<Link to='/settings' className='hover:text-foreground'>
<Trans i18nKey='main_menu.settings' />
</Link>
{mainMenu.map((menuItem) => (
<Link
key={menuItem.to}
to={menuItem.to}
className={cn(
"flex items-center gap-4 px-4 py-3 rounded-lg transition-colors",
"hover:bg-primary-light hover:text-primary text-muted-foreground"
)}
>
{menuItem.icon}
<Trans i18nKey={menuItem.label} />
</Link>
))}
</nav>
</SheetContent>
</Sheet>
<Link to='/' className='flex items-center font-semibold shrink-0 md:hidden'>
<UeckoLogo className='w-24' />
<span className='sr-only'>Uecko</span>
</Link>
<div className='flex items-center justify-end w-full gap-4 md:ml-auto md:gap-2 lg:gap-4'>
<UserButton />
<SupportModal />