c74e3f4b66
Removing loading docs and passing them as static props to the workbench since we now have proper support for loading mdx dynamically.
98 lines
2.9 KiB
JavaScript
98 lines
2.9 KiB
JavaScript
/*
|
|
* This page is auto-generated. Do not edit it by hand.
|
|
*/
|
|
import { $$Design$$ } from 'designs/$$design$$/src/index.mjs'
|
|
// Dependencies
|
|
import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
|
|
import { nsMerge } from 'shared/utils.mjs'
|
|
// Hooks
|
|
import { useState, useEffect, useContext } from 'react'
|
|
import { useTranslation } from 'next-i18next'
|
|
import { useBackend } from 'shared/hooks/use-backend.mjs'
|
|
// Context
|
|
import { LoadingStatusContext } from 'shared/context/loading-status-context.mjs'
|
|
// Components
|
|
import { PageWrapper, ns as pageNs } from 'shared/components/wrappers/page.mjs'
|
|
import { Workbench, ns as wbNs } from 'shared/components/workbench/new.mjs'
|
|
import { WorkbenchLayout } from 'site/components/layouts/workbench.mjs'
|
|
import { Loading } from 'shared/components/spinner.mjs'
|
|
|
|
// Translation namespaces used on this page
|
|
const ns = nsMerge('$$design$$', wbNs, pageNs)
|
|
|
|
const EditDesignComponent = ({ id, design, Design, settings, docs }) => (
|
|
<Workbench preload={{ settings }} saveAs={{ pattern: id }} {...{ design, Design, docs }} />
|
|
)
|
|
|
|
const Edit$$Design$$Page = ({ page, docs, id }) => {
|
|
const { setLoadingStatus } = useContext(LoadingStatusContext)
|
|
const backend = useBackend()
|
|
const { t } = useTranslation(ns)
|
|
|
|
const [pattern, setPattern] = useState(false)
|
|
|
|
useEffect(() => {
|
|
const getPattern = async () => {
|
|
setLoadingStatus([true, t('backendLoadingStarted')])
|
|
let result
|
|
try {
|
|
result = await backend.getPattern(id)
|
|
if (result.success) {
|
|
setPattern(result.data.pattern)
|
|
setLoadingStatus([true, 'backendLoadingCompleted', true, true])
|
|
} else setLoadingStatus([true, 'backendError', true, false])
|
|
} catch (err) {
|
|
console.log(err)
|
|
setLoadingStatus([true, 'backendError', true, false])
|
|
}
|
|
}
|
|
if (id) getPattern()
|
|
}, [id])
|
|
|
|
return (
|
|
// prettier-ignore
|
|
<PageWrapper {...page} title="$$Design$$" layout={pattern ? WorkbenchLayout : false} header={null}>
|
|
{pattern ? (
|
|
<EditDesignComponent
|
|
id={pattern.id}
|
|
settings={pattern.settings}
|
|
design="$$design$$"
|
|
Design={$$Design$$}
|
|
docs={docs}
|
|
/>
|
|
) : (
|
|
<div>
|
|
<h1>{t('account:oneMomentPLease')}</h1>
|
|
<Loading />
|
|
</div>
|
|
)}
|
|
</PageWrapper>
|
|
)
|
|
}
|
|
|
|
export default Edit$$Design$$Page
|
|
|
|
export async function getStaticProps({ locale, params }) {
|
|
return {
|
|
props: {
|
|
...(await serverSideTranslations(locale, ns)),
|
|
id: params.id,
|
|
page: {
|
|
locale,
|
|
path: ['account', 'patterns', '$$design$$', params.id, 'edit'],
|
|
title: '$$Design$$',
|
|
},
|
|
},
|
|
}
|
|
}
|
|
|
|
/*
|
|
* getStaticPaths() is used to specify for which routes (think URLs)
|
|
* this page should be used to generate the result.
|
|
*/
|
|
export async function getStaticPaths() {
|
|
return {
|
|
paths: [],
|
|
fallback: 'blocking',
|
|
}
|
|
}
|