VSinerva/freesewing
1
0
Fork 0
Code Activity

fix(react): Add link to design docs to Pattern Editor's Documentation view (#359)

Browse source 
This PR adds a link to the design documentation to the Pattern Editor's Documentation View. It also fixes a few typos and changes a URL from freesewing.org to freesewing.eu.

Fixes #267

Co-authored-by: Benjamin Fan <ben-git@swinglonga.com>
Reviewed-on: https://codeberg.org/freesewing/freesewing/pulls/359
Reviewed-by: Joost De Cock <joostdecock@noreply.codeberg.org>
Co-authored-by: Benjamin Fan <benjamesben@noreply.codeberg.org>
Co-committed-by: Benjamin Fan <benjamesben@noreply.codeberg.org>
This commit is contained in:
Benjamin Fan 2025-05-18 13:31:02 +00:00 • committed by Joost De Cock
parent 5dc1cd98fb
commit a3fe0cd477
1 changed files with 19 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

23
packages/react/components/Editor/components/views/DocsView.mjs
View file

@ -1,5 +1,5 @@
// Dependencies
import { linkClasses } from '@freesewing/utils'
import { linkClasses, capitalize } from '@freesewing/utils'
// Hooks
import React from 'react'
// Components
@ -20,7 +20,22 @@ export const DocsView = ({ state, config, update }) => {
<>
<HeaderMenu state={state} {...{ config, update }} />
<div className="tw:m-auto tw:mt-8 tw:max-w-2xl tw:px-4 tw:mb-8">
<H1>Documenation</H1>
<H1>Documentation</H1>
{state?.design ? (
<Popout link>
<H5>Design Documentation</H5>
<p className="tw:text-lg">
You can find documentation for the {capitalize(state.design)} design at:
<br />
<b>
<a
className={linkClasses}
href={`https://freesewing.eu/docs/designs/${state.design}`}
>{`FreeSewing.eu/docs/designs/${state.design}`}</a>
</b>
</p>
</Popout>
) : null}
<Popout link>
<H5>Understanding the FreeSewing Pattern Editor</H5>
<p className="tw:text-lg">
@ -29,8 +44,8 @@ export const DocsView = ({ state, config, update }) => {
<b>
<a
className={linkClasses}
href="https://freesewing.org/docs/about/site/editor"
>{`FreeSewing.org/docs/about/editor`}</a>
href="https://freesewing.eu/docs/about/editor"
>{`FreeSewing.eu/docs/about/editor`}</a>
</b>
</p>
</Popout>