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

♻️ Add translations for board customize page

Browse Source
This commit is contained in:
Meier Lukas
2023-08-05 17:18:05 +02:00
parent 6aff6dbedc
commit 73589623d4
15 changed files with 87 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Board/Customize/Appearance/AppearanceCustomization.tsx
View File

@@ -18,11 +18,7 @@ import Editor from 'react-simple-code-editor';
import { useBoardCustomizationFormContext } from '../form';
export const AppearanceCustomization = () => {
const { t } = useTranslation([
'settings/customization/page-appearance',
'settings/customization/color-selector',
]);
const theme = useMantineTheme();
const { t } = useTranslation('settings/customization/page-appearance');
const form = useBoardCustomizationFormContext();
return (
@@ -45,7 +41,7 @@ type ColorSelectorProps = {
type: 'primaryColor' | 'secondaryColor';
};
const ColorSelector = ({ type }: ColorSelectorProps) => {
const { t } = useTranslation('settings/customization/color-selector');
const { t } = useTranslation('boards/customize');
const theme = useMantineTheme();
const form = useBoardCustomizationFormContext();
@@ -55,7 +51,7 @@ const ColorSelector = ({ type }: ColorSelectorProps) => {
}));
return (
<Input.Wrapper label={type}>
<Input.Wrapper label={t(`settings.appearance.${type}`)}>
<Group>
{colors.map(({ color, swatch }) => (
<ColorSwatch

3
src/components/Board/Customize/Layout/LayoutCustomization.tsx
View File

@@ -1,5 +1,4 @@
import { Button, Checkbox, Grid, Stack } from '@mantine/core';
import { IconDeviceFloppy } from '@tabler/icons-react';
import { Checkbox, Grid, Stack } from '@mantine/core';
import { useTranslation } from 'next-i18next';
import { useBoardCustomizationFormContext } from '../form';