Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-10 15:35:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

Adding some translations

Browse Source
This commit is contained in:
ajnart
2023-01-02 01:11:25 +09:00
parent f23c317ef1
commit be979dc534
10 changed files with 56 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/Dashboard/Modals/ChangePosition/ChangePositionModal.tsx
View File

@@ -45,7 +45,7 @@ export const ChangePositionModal = ({
onSubmit(form.values.x, form.values.y, form.values.width, form.values.height);
};
const { t } = useTranslation('common');
const { t } = useTranslation(['layout/modals/change-position', 'common']);
return (
<form onSubmit={form.onSubmit(handleSubmit)}>
@@ -54,8 +54,8 @@ export const ChangePositionModal = ({
<NumberInput
max={99}
min={0}
label="X Position"
description="0 or higher"
label={t('xPosition')}
description={t('layout/modals/change-position:zeroOrHigher')}
{...form.getInputProps('x')}
/>
</Grid.Col>
@@ -64,8 +64,8 @@ export const ChangePositionModal = ({
<NumberInput
max={99}
min={0}
label="Y Position"
description="0 or higher"
label={t('layout/modals/change-position:yPosition')}
description={t('layout/modals/change-position:zeroOrHigher')}
{...form.getInputProps('y')}
/>
</Grid.Col>
@@ -77,8 +77,11 @@ export const ChangePositionModal = ({
data={widthData}
max={24}
min={1}
label="Width"
description={`Between ${widthData.at(0)?.label} and ${widthData.at(-1)?.label}`}
label={t('layout/modals/change-position:width')}
description={t('layout/modals/change-position:betweenXandY', {
min: widthData.at(0)?.label,
max: widthData.at(-1)?.label,
})}
{...form.getInputProps('width')}
/>
</Grid.Col>
@@ -88,8 +91,11 @@ export const ChangePositionModal = ({
data={heightData}
max={24}
min={1}
label="Height"
description={`Between ${heightData.at(0)?.label} and ${heightData.at(-1)?.label}`}
label={t('layout/modals/change-position:height')}
description={t('layout/modals/change-position:betweenXandY', {
min: heightData.at(0)?.label,
max: heightData.at(-1)?.label,
})}
{...form.getInputProps('height')}
/>
</Grid.Col>
@@ -97,9 +103,9 @@ export const ChangePositionModal = ({
<Flex justify="end" gap="sm" mt="md">
<Button onClick={() => onCancel()} variant="light" color="gray">
{t('cancel')}
{t('common:cancel')}
</Button>
<Button type="submit">{t('save')}</Button>
<Button type="submit">{t('common:save')}</Button>
</Flex>
</form>
);