VSinerva/freesewing
1
0
Fork 0
Code Activity

wip(dev): Refactoring navigation

Browse source
This commit is contained in:
Joost De Cock 2023-03-26 06:50:59 +02:00
parent 264e7a0b9d
commit 244f4524c4
20 changed files with 362 additions and 265 deletions
Download patch file Download diff file Expand all files Collapse all files

44
sites/shared/components/breadcrumbs.mjs
View file

@ -1,32 +1,22 @@
import { Fragment } from 'react'
import { HomeIcon } from 'shared/components/icons.mjs'
import Link from 'next/link'
import { FreeSewingIcon } from 'shared/components/icons.mjs'
export const Breadcrumbs = ({ crumbs = [] }) =>
export const Breadcrumbs = ({ crumbs, title }) =>
crumbs ? (
<ul className="flex flex-row flex-wrap gap-2 font-bold">
<li>
<Link href="/" title="FreeSewing" className="text-base-content">
<FreeSewingIcon />
</Link>
</li>
{crumbs.map((crumb) => (
<Fragment key={crumb[1] + crumb[0]}>
<li className="text-base-content px-2">&raquo;</li>
<li>
{crumb[1] ? (
<Link
href={crumb[1]}
title={crumb[0]}
className="text-secondary hover:text-secondary-focus"
>
{crumb[0]}
</Link>
) : (
<span className="text-base-content">{crumb[0]}</span>
)}
<div className="text-sm breadcrumbs flex-wrap">
<ul>
<li>
<Link href="/" title="FreeSewing">
<HomeIcon />
</Link>
</li>
{crumbs.map((crumb) => (
<li key={crumb.s}>
<Link href={crumb.s} title={crumb.t} className="text-secondary-focus font-bold">
{crumb.t}
</Link>
</li>
</Fragment>
))}
</ul>
))}
</ul>
</div>
) : null