2022-05-14 14:53:29 +02:00
|
|
|
import Page from 'site/components/wrappers/page.js'
|
2022-01-22 17:55:03 +01:00
|
|
|
import useApp from 'site/hooks/useApp.js'
|
|
|
|
|
import WorkbenchWrapper from 'shared/components/wrappers/workbench.js'
|
2022-03-17 19:04:55 +01:00
|
|
|
import { useRouter } from 'next/router'
|
2022-05-14 14:53:29 +02:00
|
|
|
import Layout from 'site/components/layouts/lab'
|
2023-01-08 22:21:35 -08:00
|
|
|
import Head from 'next/head'
|
|
|
|
|
import { capitalize } from 'shared/utils.mjs'
|
2022-01-22 17:55:03 +01:00
|
|
|
|
2022-06-17 12:02:09 +02:00
|
|
|
const WorkbenchPage = ({ design }) => {
|
2022-01-22 17:55:03 +01:00
|
|
|
const app = useApp()
|
2022-03-17 19:04:55 +01:00
|
|
|
const router = useRouter()
|
|
|
|
|
const { preload, from } = router.query
|
2023-01-08 22:21:35 -08:00
|
|
|
const name = design.designConfig?.data.name
|
2023-01-08 22:58:22 -08:00
|
|
|
const shortName = name ? name.substring(name.indexOf('/') + 1) : 'Lab'
|
|
|
|
|
const title = capitalize(shortName)
|
2023-01-08 22:21:35 -08:00
|
|
|
const fullTitle = title + ' - FreeSewing Lab'
|
2022-01-22 17:55:03 +01:00
|
|
|
|
|
|
|
|
return (
|
2022-05-14 14:53:29 +02:00
|
|
|
<Page app={app}>
|
2023-01-08 22:21:35 -08:00
|
|
|
<Head>
|
|
|
|
|
<title>{fullTitle}</title>
|
|
|
|
|
</Head>
|
2022-06-17 12:02:09 +02:00
|
|
|
<WorkbenchWrapper {...{ app, design, preload, from }} layout={Layout} />
|
2022-01-22 17:55:03 +01:00
|
|
|
</Page>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default WorkbenchPage
|
