diff --git a/sites/shared/components/designs/info.mjs b/sites/shared/components/designs/info.mjs index 95ef6cef6d3..77312e7e659 100644 --- a/sites/shared/components/designs/info.mjs +++ b/sites/shared/components/designs/info.mjs @@ -73,7 +73,7 @@ const SimpleOptionsList = ({ options, t, design }) => { return } -export const DesignInfo = ({ design, docs = false }) => { +export const DesignInfo = ({ design, docs = false, workbench = false }) => { const { setModal } = useContext(ModalContext) const { t, i18n } = useTranslation([...ns, design]) const { language } = i18n @@ -125,11 +125,13 @@ export const DesignInfo = ({ design, docs = false }) => { <>
#FreeSewing{capitalize(design)}

{t(`designs:${design}.d`)}

- - - {t('tags:newThingPattern', { thing: capitalize(design) })} - - {docs ? null : ( + {workbench ? null : ( + + + {t('tags:newThingPattern', { thing: capitalize(design) })} + + )} + {docs || workbench ? null : (
Jump to: diff --git a/sites/shared/components/workbench/en.yaml b/sites/shared/components/workbench/en.yaml index 2ad6b797a3a..eb0f6ad478d 100644 --- a/sites/shared/components/workbench/en.yaml +++ b/sites/shared/components/workbench/en.yaml @@ -59,6 +59,7 @@ help: Help layoutSettings.d: Additional options to further optimize the printing layout of your pattern. layoutSettings.t: Layout settings length: Length +learnHowToUseEditor: Learn how to use FreeSewing's online pattern editor measies: Pattern Measurements measiesOk: We have all required measurements to create this pattern. measurements.d: Test the effect of a measurement on the way this pattern looks diff --git a/sites/shared/components/workbench/header.mjs b/sites/shared/components/workbench/header.mjs index e3f1884d3ee..32a6626fcb8 100644 --- a/sites/shared/components/workbench/header.mjs +++ b/sites/shared/components/workbench/header.mjs @@ -156,7 +156,11 @@ const NavIcons = ({ setView, setDense, dense, view, saveAs = false }) => { > - + setView('docs')} + label={t('workbench:docs')} + active={view === 'docs'} + > diff --git a/sites/shared/components/workbench/new.mjs b/sites/shared/components/workbench/new.mjs index 2c361a7f7d2..2b4407ff452 100644 --- a/sites/shared/components/workbench/new.mjs +++ b/sites/shared/components/workbench/new.mjs @@ -26,6 +26,7 @@ import { ExportView, ns as exportNs } from 'shared/components/workbench/views/ex import { LogView, ns as logNs } from 'shared/components/workbench/views/logs/index.mjs' import { InspectView, ns as inspectNs } from 'shared/components/workbench/views/inspect/index.mjs' import { MeasiesView, ns as measiesNs } from 'shared/components/workbench/views/measies/index.mjs' +import { DocsView, ns as docsNs } from 'shared/components/workbench/views/docs/index.mjs' export const ns = nsMerge( 'account', @@ -60,6 +61,7 @@ const views = { logs: LogView, inspect: InspectView, measies: MeasiesView, + docs: DocsView, } const draftViews = ['draft', 'inspect'] diff --git a/sites/shared/components/workbench/views/docs/index.mjs b/sites/shared/components/workbench/views/docs/index.mjs new file mode 100644 index 00000000000..8f543211ef8 --- /dev/null +++ b/sites/shared/components/workbench/views/docs/index.mjs @@ -0,0 +1,24 @@ +// __SDEFILE__ - This file is a dependency for the stand-alone environment +// Hooks +import { useTranslation } from 'next-i18next' +// Components +import { DesignInfo } from 'shared/components/designs/info.mjs' +import { Popout } from 'shared/components/popout/index.mjs' +import { PageLink } from 'shared/components/link.mjs' + +export const ns = ['workbench', 'designs'] + +export const DocsView = ({ design, setView }) => { + // Hooks + const { t } = useTranslation(ns) + + return ( +
+ + + +

{t(`designs:${design}.t`)}

+ +
+ ) +}