VSinerva/freesewing
1
0
Fork 0
Code Activity

feat(org): Ported themes to ESM and made more things themeable

Browse source
This commit is contained in:
joostdecock 2023-07-29 14:21:59 +02:00
parent f950affe88
commit 5728a1d10f
27 changed files with 589 additions and 712 deletions
Download patch file Download diff file Expand all files Collapse all files

5
sites/shared/components/navigation/sections-menu.mjs
View file

@ -1,10 +1,10 @@
import { useContext } from 'react'
import { useTheme } from 'shared/hooks/use-theme.mjs'
import { NavigationContext } from 'shared/context/navigation-context.mjs'
import Link from 'next/link'
import { icons, ns as sectionsNs } from 'shared/components/navigation/primary.mjs'
import { useTranslation } from 'next-i18next'
import orderBy from 'lodash.orderby'
import { colors } from 'shared/components/header.mjs'
export const ns = sectionsNs
@ -13,6 +13,7 @@ const onlySections = (tree) => orderBy(tree, ['t'], ['asc']).filter((entry) => e
export const SectionsMenu = ({ bOnly = false }) => {
const { t } = useTranslation(ns)
const { siteNav } = useContext(NavigationContext)
const { spectrum } = useTheme()
const output = []
let i = 1
@ -26,7 +27,7 @@ export const SectionsMenu = ({ bOnly = false }) => {
className={
bOnly
? `bg-secondary border border solid border-secondary bg-opacity-0 hover:bg-opacity-20 ${sharedClasses}`
: `bg-${colors[i]}-400 bg-opacity-70 hover:bg-opacity-100 ${sharedClasses}`
: `bg-${spectrum[i]} bg-opacity-70 hover:bg-opacity-100 ${sharedClasses}`
}
href={`/${page.s}`}
title={page.t}