1
0
Fork 0

fix(org): Renamed import

This commit is contained in:
Joost De Cock 2022-12-24 22:52:19 +01:00
parent 4af5b9bc9d
commit dae5b19de7

View file

@ -1,5 +1,5 @@
import React from 'react' import React from 'react'
import { capitalize } from 'shared/utils.js' import { capitalize } from 'shared/utils.mjs'
import { getConfig } from 'shared/designs/index.js' import { getConfig } from 'shared/designs/index.js'
import Popout from 'shared/components/popout.js' import Popout from 'shared/components/popout.js'
import { useTranslation } from 'next-i18next' import { useTranslation } from 'next-i18next'
@ -8,38 +8,32 @@ import PatternOptions from './pattern-options'
import PatternMeasurements from './pattern-measurements' import PatternMeasurements from './pattern-measurements'
import DocsLink from 'shared/components/docs-link' import DocsLink from 'shared/components/docs-link'
const PatternDocs = ({ pattern=false }) => { const PatternDocs = ({ pattern = false }) => {
const { t } = useTranslation(['common']) const { t } = useTranslation(['common'])
if (!pattern) return <p>Please specify a pattern prop when using the PatternDocs component</p> if (!pattern) return <p>Please specify a pattern prop when using the PatternDocs component</p>
const config = getConfig(pattern) const config = getConfig(pattern)
console.log({pattern, config}) console.log({ pattern, config })
return ( return (
<> <>
{config.deprecated && ( {config.deprecated && (
<Popout note> <Popout note>
<h5>{t('thingIsDeprecated', { thing: capitalize(pattern)})}</h5> <h5>{t('thingIsDeprecated', { thing: capitalize(pattern) })}</h5>
<p> <p>{t('weRecommendThingInstead', { thing: capitalize(config.deprecated) })}</p>
{t('weRecommendThingInstead', { thing: capitalize(config.deprecated)})}
</p>
<Design design={pattern} /> <Design design={pattern} />
</Popout> </Popout>
)} )}
<button className="btn btn-primary btn-large btn-contained" <button className="btn btn-primary btn-large btn-contained" href={`/create/${pattern}`}>
href={`/create/${pattern}`}
>
{t('newThing', { thing: pattern })} {t('newThing', { thing: pattern })}
</button> </button>
<p>{t(`patterns.${pattern}.description`)}</p> <p>{t(`patterns.${pattern}.description`)}</p>
<PatternMeasurements pattern={pattern} <PatternMeasurements pattern={pattern} before={<h2>{t('common:requiredMeasurements')}</h2>} />
before={<h2>{t('common:requiredMeasurements')}</h2>} />
<PatternOptions pattern={pattern} <PatternOptions pattern={pattern} before={<h2>{t('common:patternOptions')}</h2>} />
before={<h2>{t('common:patternOptions')}</h2>} />
<h2>{t('common:patternInstructions')}</h2> <h2>{t('common:patternInstructions')}</h2>
<ul className="links"> <ul className="links">