109 lines
3.1 KiB
Text
109 lines
3.1 KiB
Text
|
/*
|
||
|
|
* This page is auto-generated. Do not edit it by hand.
|
||
|
|
*/
|
||
|
|
import { {{ Design }} } from '@freesewing/{{ design }}'
|
||
|
|
// Dependencies
|
||
|
|
import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
|
||
|
|
import { nsMerge } from 'shared/utils.mjs'
|
||
|
|
import { workbenchInlineDocs } from 'shared/mdx/docs.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, design, 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 (
|
||
|
|
<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,
|
||
|
|
docs: (await workbenchInlineDocs({
|
||
|
|
Design: {{ Design }},
|
||
|
|
design: '{{ design }}',
|
||
|
|
locale,
|
||
|
|
})),
|
||
|
|
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',
|
||
|
|
}
|
||
|
|
}
|