freesewing/sites/lab/page-templates/design-list.js

import Page from 'site/components/wrappers/page.js'
import useApp from 'site/hooks/useApp.js'
import Link from 'next/link'
import { useTranslation } from 'next-i18next'
import Layout from 'site/components/layouts/bare'
import { PageTitle } from 'shared/components/layouts/default'
import Head from 'next/head'

const DesignLinks = ({ list, prefix = '' }) => {
  const { t } = useTranslation(['patterns'])

  return (
    <ul className="flex flex-col flex-wrap gap-2">
      {list.map((d) => (
        <li key={d} className="p-2">
          <Link
            href={`${prefix}/${d}`}
            className="capitalize text-xl p-4 font-bold text-secondary hover:text-secondary-focus hover:underline"
          >
            {t(`patterns:${d}.t`)}
            <br />
            <span className="text-lg font-normal p-4 text-base-content">
              {t(`patterns:${d}.d`)}
            </span>
          </Link>
        </li>
      ))}
    </ul>
  )
}

const PatternListPageTemplate = ({ section = false }) => {
  const app = useApp()
  const { t } = useTranslation(['app'])

  const title = section ? app.navigation[section].__title : t('designs')
  const fullTitle = title + ' - FreeSewing Lab'

  const sectionDesigns = (section = false) => {
    if (!section) {
      const all = []
      for (const section in app.designs) all.push(...app.designs[section])
      return all
    }

    return app.designs[section]
  }

  return (
    <Page app={app} title={`FreeSewing Lab: ${title}`} layout={Layout}>
      <Head>
        <title>{fullTitle}</title>
      </Head>
      <div className="max-w-7xl m-auto py-20 md:py-36 min-h-screen">
        <section className="px-8">
          <PageTitle
            app={app}
            slug={section ? app.navigation[section].__slug : '/'}
            title={title}
          />
          <DesignLinks list={sectionDesigns(section)} />
        </section>
      </div>
    </Page>
  )
}

export default PatternListPageTemplate
feat(lab): Tweaks to pattern overview pages 2022-05-14 14:13:35 +02:00			`import Page from 'site/components/wrappers/page.js'`
wip: Started working on new development environment 2022-01-22 17:55:03 +01:00			`import useApp from 'site/hooks/useApp.js'`
			`import Link from 'next/link'`
wip(lab): Working on i18n integration 2022-02-06 19:16:49 +01:00			`import { useTranslation } from 'next-i18next'`
feat(lab): Tweaks to pattern overview pages 2022-05-14 14:13:35 +02:00			`import Layout from 'site/components/layouts/bare'`
fix problem imports 2022-07-15 16:30:40 -04:00			`import { PageTitle } from 'shared/components/layouts/default'`
fix(dev,lab): Add <title> tags to HTML pages 2023-01-08 22:21:35 -08:00			`import Head from 'next/head'`
wip: Started working on new development environment 2022-01-22 17:55:03 +01:00
chore: Upgrade to nextjs 13 and react 18 2022-12-04 15:04:56 +01:00			`const DesignLinks = ({ list, prefix = '' }) => {`
feat(lab): Keep track of available versions 2022-05-14 15:43:52 +02:00			`const { t } = useTranslation(['patterns'])`
fix(lab): provide index pages 2022-06-22 13:54:53 +02:00
			`return (`
			`<ul className="flex flex-col flex-wrap gap-2">`
chore: Upgrade to nextjs 13 and react 18 2022-12-04 15:04:56 +01:00			`{list.map((d) => (`
fix(lab): provide index pages 2022-06-22 13:54:53 +02:00			`<li key={d} className="p-2">`
chore: Upgrade to nextjs 13 and react 18 2022-12-04 15:04:56 +01:00			`<Link`
			href={`${prefix}/${d}`}
			`className="capitalize text-xl p-4 font-bold text-secondary hover:text-secondary-focus hover:underline"`
			`>`
			{t(`patterns:${d}.t`)}
			`<br />`
			`<span className="text-lg font-normal p-4 text-base-content">`
			{t(`patterns:${d}.d`)}
			`</span>`
fix(lab): provide index pages 2022-06-22 13:54:53 +02:00			`</Link>`
			`</li>`
			`))}`
			`</ul>`
			`)`
feat(lab): Keep track of available versions 2022-05-14 15:43:52 +02:00			`}`

chore: Upgrade to nextjs 13 and react 18 2022-12-04 15:04:56 +01:00			`const PatternListPageTemplate = ({ section = false }) => {`
wip: Started working on new development environment 2022-01-22 17:55:03 +01:00			`const app = useApp()`
feat(lab): Keep track of available versions 2022-05-14 15:43:52 +02:00			`const { t } = useTranslation(['app'])`
feat(lab): Tweaks to pattern overview pages 2022-05-14 14:13:35 +02:00
chore: Upgrade to nextjs 13 and react 18 2022-12-04 15:04:56 +01:00			`const title = section ? app.navigation[section].__title : t('designs')`
fix(dev,lab): Add <title> tags to HTML pages 2023-01-08 22:21:35 -08:00			`const fullTitle = title + ' - FreeSewing Lab'`
fix(fs.lab): Reconfigured nextjs for the lab 2022-01-25 09:03:06 +01:00
chore: Upgrade to nextjs 13 and react 18 2022-12-04 15:04:56 +01:00			`const sectionDesigns = (section = false) => {`
fix(lab): provide index pages 2022-06-22 13:54:53 +02:00			`if (!section) {`
			`const all = []`
wip: Updates to lab to support v3 patterns 2022-08-29 17:44:50 +02:00			`for (const section in app.designs) all.push(...app.designs[section])`
			`return all`
chore: Linter fixes 2022-09-14 15:02:39 +02:00			`}`
fix(lab): provide index pages 2022-06-22 13:54:53 +02:00
chore: Linter fixes 2022-09-14 15:02:39 +02:00			`return app.designs[section]`
fix(lab): provide index pages 2022-06-22 13:54:53 +02:00			`}`
use single source of truth for navigation 2022-05-31 15:31:29 -04:00
wip: Started working on new development environment 2022-01-22 17:55:03 +01:00			`return (`
wip: Updates to lab to support v3 patterns 2022-08-29 17:44:50 +02:00			<Page app={app} title={`FreeSewing Lab: ${title}`} layout={Layout}>
fix(dev,lab): Add <title> tags to HTML pages 2023-01-08 22:21:35 -08:00			`<Head>`
			`<title>{fullTitle}</title>`
			`</Head>`
feat(lab): Tweaks to pattern overview pages 2022-05-14 14:13:35 +02:00			`<div className="max-w-7xl m-auto py-20 md:py-36 min-h-screen">`
			`<section className="px-8">`
chore: Upgrade to nextjs 13 and react 18 2022-12-04 15:04:56 +01:00			`<PageTitle`
			`app={app}`
			`slug={section ? app.navigation[section].__slug : '/'}`
			`title={title}`
			`/>`
wip: Updates to lab to support v3 patterns 2022-08-29 17:44:50 +02:00			`<DesignLinks list={sectionDesigns(section)} />`
feat(lab): Tweaks to pattern overview pages 2022-05-14 14:13:35 +02:00			`</section>`
wip: Started working on new development environment 2022-01-22 17:55:03 +01:00			`</div>`
			`</Page>`
			`)`
			`}`

chore(fs.dev): Webpack aliases to load local code from source These changes force webpack to load the local pacakges (like patterns and so on) from source, rather than from a compiled bundle. This means that the lab site will reload whenever one makes changes to pattern code. 2022-01-24 12:34:29 +01:00			`export default PatternListPageTemplate`