VSinerva/freesewing
1
0
Fork 0
Code Activity

chore(dev): Keep nav order static

Browse source
This commit is contained in:
Joost De Cock 2022-10-17 08:33:19 +02:00
parent 689c57d137
commit e4c88133f0
1 changed files with 37 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

56
sites/dev/components/navigation/primary.js
View file

@ -245,37 +245,55 @@ export const MainSections = ({ app, active }) => {
let last
for (const page of order(app.navigation)) {
const act = isActive(page.__slug, active)
const txt = (
<>
{icons[page.__slug] ? (
icons[page.__slug](`w-8 h-8 ${act ? 'text-accent' : ''}`)
) : (
<HelpIcon />
)}
<span className={`font-bold ${act ? 'text-accent' : ''}`}>{page.__title}</span>
</>
)
const item = (
<li key={page.__slug} className={act ? 'mt-4 uppercase' : ''}>
<Link href={`${page.__slug}`}>
<a
<li key={page.__slug}>
{act ? (
<span
className={`${linkClasses}
flex flex-row gap-4 items-center
hover:bg-secondary hover:bg-opacity-10
p-2 rounded
`}
flex flex-row gap-4 items-center
text-accent
hover:text-base-content
p-2 rounded
`}
title={page.__title}
>
{icons[page.__slug] ? (
icons[page.__slug](`w-8 h-8 ${act ? 'text-accent' : ''}`)
) : (
<HelpIcon />
)}
<span className="font-bold">{page.__title}</span>
</a>
</Link>
{txt}
</span>
) : (
<Link href={`${page.__slug}`}>
<a
className={`${linkClasses}
flex flex-row gap-4 items-center
hover:bg-secondary hover:bg-opacity-10
p-2 rounded
`}
title={page.__title}
>
{txt}
</a>
</Link>
)}
</li>
)
if (act) last = item
else output.push(item)
output.push(item)
}
output.push(last)
return <ul>{output}</ul>
}
export const ActiveSection = ({ app, active }) => (
<div className="-ml-5 mt-2">
<div className="-ml-5 mt-4 pt-4 border-t-2">
<SubLevel
hasChildren={1}
nav={app.navigation}