VSinerva/freesewing
1
0
Fork 0
Code Activity

wip(lab): Work on i18n-next

Browse source
This commit is contained in:
Joost De Cock 2022-02-08 20:49:19 +01:00
parent 491913e288
commit 4c17255a58
26 changed files with 170 additions and 105 deletions
Download patch file Download diff file Expand all files Collapse all files

10
packages/freesewing.shared/components/workbench/inputs/design-option-pct-deg.js
View file

@ -2,6 +2,7 @@ import { useState } from 'react'
import ClearIcon from 'shared/components/icons/clear.js'
import EditIcon from 'shared/components/icons/edit.js'
import { formatMm, round } from 'shared/utils.js'
import { useTranslation } from 'next-i18next'
const EditOption = props => (
<div className="form-control mb-2 w-full">
@ -26,6 +27,7 @@ const EditOption = props => (
const DesignOptionPctDeg = props => {
const { t } = useTranslation(['app'])
const suffix = props.type === 'deg' ? '°' : '%'
const factor = props.type === 'deg' ? 1 : 100
const { max, min } = props.pattern.config.options[props.option]
@ -50,7 +52,7 @@ const DesignOptionPctDeg = props => {
return (
<div className="py-4 mx-6 border-l-2 pl-2">
<p className="m-0 p-0 px-2 mb-2 text-neutral-content opacity-60 italic">
{props.app.t(`options.${props.pattern.config.name}.${props.option}.description`, props.app.locale)}
{t(`options:${props.pattern.config.name}.${props.option}.description`, props.app.locale)}
</p>
<div className="flex flex-row justify-between">
{editOption
@ -60,7 +62,7 @@ const DesignOptionPctDeg = props => {
min={min}
max={max}
setEditOption={setEditOption}
t={props.app.t}
t={t}
suffix={suffix}
/>
: (
@ -97,7 +99,7 @@ const DesignOptionPctDeg = props => {
</span>
<div>
<button
title={props.app.t('app.reset')}
title={t('reset')}
className="btn btn-ghost btn-xs text-accent"
disabled={val === dflt}
onClick={reset}
@ -105,7 +107,7 @@ const DesignOptionPctDeg = props => {
<ClearIcon />
</button>
<button
title={props.app.t('app.editThing', { thing: suffix })}
title={t('editThing', { thing: suffix })}
className={`
btn btn-ghost btn-xs hover:text-secondary-focus
${editOption