diff --git a/packages/freesewing.lab/components/wrappers/layout.js b/packages/freesewing.lab/components/wrappers/layout.js
index 095e8332197..77ccdb7fd16 100644
--- a/packages/freesewing.lab/components/wrappers/layout.js
+++ b/packages/freesewing.lab/components/wrappers/layout.js
@@ -11,7 +11,6 @@ import Left from 'shared/components/icons/left.js'
// Site components
import Header from 'site/components/header'
import Footer from 'site/components/footer'
-import Search from 'site/components/search'
export const PageTitle = ({ app, slug, title }) => {
if (title) return
{title}
@@ -60,30 +59,18 @@ export const Breadcrumbs = ({ app, slug=false, title }) => {
)
}
-const LayoutWrapper = ({
- app,
- title=false,
- children=[],
- search,
- setSearch,
- noSearch=false,
- workbench=false,
- AltMenu=null,
-}) => {
+const LayoutWrapper = ({ app, title=false, children=[] }) => {
+
const startNavigation = () => {
app.startLoading()
// Force close of menu on mobile if it is open
if (app.primaryNavigation) app.setPrimaryNavigation(false)
- // Force close of search modal if it is open
- if (search) setSearch(false)
}
const router = useRouter()
router.events?.on('routeChangeStart', startNavigation)
- router.events?.on('routeChangeComplete', () => app.stopLoading())
+ router.events?.on('routeChangeComplete', app.stopLoading)
const slug = router.asPath.slice(1)
- const [collapsePrimaryNav, setCollapsePrimaryNav] = useState(workbench || false)
- const [collapseAltMenu, setCollapseAltMenu] = useState(false)
return (
-
+
{children}
- {!noSearch && search && (
- <>
-
-
-
-
- >
- )}
)
diff --git a/packages/freesewing.lab/components/wrappers/page.js b/packages/freesewing.lab/components/wrappers/page.js
index be3552e7395..8821c578c33 100644
--- a/packages/freesewing.lab/components/wrappers/page.js
+++ b/packages/freesewing.lab/components/wrappers/page.js
@@ -8,7 +8,6 @@ import LayoutWrapper from 'site/components/wrappers/layout'
/* This component should wrap all page content */
const PageWrapper= ({
title="FIXME: No title set",
- noSearch=false,
app=false,
layout=false,
children=[]
@@ -25,19 +24,9 @@ const PageWrapper= ({
useEffect(() => app.setSlug(slug), [slug])
- // Trigger search with Ctrl+k
- useHotkeys('ctrl+k', (evt) => {
- evt.preventDefault()
- setSearch(true)
- })
-
- const [search, setSearch] = useState(false)
-
const childProps = {
app: app,
title: title,
- search, setSearch, toggleSearch: () => setSearch(!search),
- noSearch: noSearch,
}
const Layout = layout
diff --git a/packages/freesewing.lab/pages/index.js b/packages/freesewing.lab/pages/index.js
index 233da44e43f..3970912aa2c 100644
--- a/packages/freesewing.lab/pages/index.js
+++ b/packages/freesewing.lab/pages/index.js
@@ -33,7 +33,7 @@ const HomePage = (props) => {
}}
className="m-0 p-0 shadow drop-shadow-lg w-full mb-8"
>
-
+
{
{
const router = useRouter()
return (
-
+
diff --git a/packages/freesewing.shared/components/navigation/aside.js b/packages/freesewing.shared/components/navigation/aside.js
index e7d5b3d6ca2..1f6fe7b7dd0 100644
--- a/packages/freesewing.shared/components/navigation/aside.js
+++ b/packages/freesewing.shared/components/navigation/aside.js
@@ -1,6 +1,6 @@
import PrimaryNavigation from './primary'
-const Aside = ({ app, slug, mobileOnly=false }) => (
+const Aside = ({ app, slug, mobileOnly=false, before=[], after=[]}) => (
(
2xl:pr-8
${mobileOnly ? 'block md:hidden' : ''}
`}>
+ {before}
+ {after}
)
diff --git a/packages/freesewing.shared/components/navigation/primary.js b/packages/freesewing.shared/components/navigation/primary.js
index 2f24e569e59..54e2cc9557f 100644
--- a/packages/freesewing.shared/components/navigation/primary.js
+++ b/packages/freesewing.shared/components/navigation/primary.js
@@ -1,6 +1,5 @@
import Link from 'next/link'
import orderBy from 'lodash.orderby'
-import ThemePicker from 'shared/components/theme-picker.js'
import RssIcon from 'shared/components/icons/rss.js'
import TutorialIcon from 'shared/components/icons/tutorial.js'
import GuideIcon from 'shared/components/icons/guide.js'
@@ -231,11 +230,12 @@ export const Icons = ({
return
}
-const PrimaryMenu = ({ app, active }) => (
+const PrimaryMenu = ({ app, active, before=[], after=[] }) => (
-
+ {before}
+ {after}
)
diff --git a/packages/freesewing.shared/components/theme-picker.js b/packages/freesewing.shared/components/theme-picker.js
index 5e8424b391d..cf2a6eaa46f 100644
--- a/packages/freesewing.shared/components/theme-picker.js
+++ b/packages/freesewing.shared/components/theme-picker.js
@@ -6,10 +6,10 @@ const ThemePicker = ({ app, className }) => {
const { t } = useTranslation(['themes'])
return (
-