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