diff --git a/packages/freesewing.shared/components/navigation/primary.js b/packages/freesewing.shared/components/navigation/primary.js
index e3af568b6dc..b44e8ca9b22 100644
--- a/packages/freesewing.shared/components/navigation/primary.js
+++ b/packages/freesewing.shared/components/navigation/primary.js
@@ -1,9 +1,14 @@
+import get from 'lodash.get'
import Icon from 'shared/components/icon/index.js'
import nav from 'site/prebuild/navigation.js'
import Link from 'next/link'
+import orderBy from 'lodash.orderby'
const keepClosed = ['blog', 'showcase', ]
+const linkClasses = {className: 'hover:text-underline color-primary'}
+
+
const TopLevel = ({ icon, title, nav, current }) => (
(
hover:cursor-row-resize
hover:bg-base-200
p-2
+ text-primary
`}>
- {icon}
- {title}
+ {icon}
+
+ {title}
+
- - Getting started on Linux
- - Getting started on Mac
- - Getting started on Windows
- - Pattern design tutorial
+ {orderBy(Object.values(current._children), ['order', 'title'], ['asc', 'asc']).map(item => {
+ console.log(item)
+ const target = item._slug ? get(nav, item._slug.split('/')) : '/'
+ return (
+ -
+ { item?._linktitle || item._title }
+
+ )
+ })}
@@ -38,7 +54,7 @@ const Navigation = ({ nav, app }) => {
icon={}
title={key}
key={key}
- nav={nav}
+ nav={nav[app.language]}
current={nav[app.language][key]}
/>
)