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`)}
+
+
+ )
+}