25 lines
782 B
JavaScript
25 lines
782 B
JavaScript
import { MeasieInput, ns as inputNs } from 'shared/components/sets/measie-input.mjs'
|
|
import { useTranslation } from 'next-i18next'
|
|
|
|
export const ns = ['workbench', ...inputNs]
|
|
|
|
export const MeasiesEditor = ({ Design, settings, update }) => {
|
|
const { t } = useTranslation(ns)
|
|
const mset = { measies: settings.measurements, imperial: settings.units === 'imperial' }
|
|
|
|
const onUpdate = (m, newVal) => {
|
|
update.settings(['measurements', m], newVal)
|
|
}
|
|
|
|
return (
|
|
<div>
|
|
<h2>{t('editCurrentMeasiesHeader')}</h2>
|
|
<p>{t('editCurrentMeasiesDesc')}</p>
|
|
{Design.patternConfig.measurements.map((m) => (
|
|
<MeasieInput {...{ t, m, mset, onUpdate }} key={m}>
|
|
<span className="label">{t(m)}</span>
|
|
</MeasieInput>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|