🐛 Add missing translation

This commit is contained in:
Meier Lukas
2023-08-05 16:03:35 +02:00
parent 093c03091e
commit da0314a180

View File

@@ -10,8 +10,8 @@ import {
} from '@mantine/core'; } from '@mantine/core';
import { useMediaQuery } from '@mantine/hooks'; import { useMediaQuery } from '@mantine/hooks';
import { IconAlertTriangle } from '@tabler/icons-react'; import { IconAlertTriangle } from '@tabler/icons-react';
import { useTranslation } from 'next-i18next';
import Link from 'next/link'; import Link from 'next/link';
import { useScreenLargerThan } from '~/hooks/useScreenLargerThan';
import { Logo } from '../Common/Logo'; import { Logo } from '../Common/Logo';
import { AvatarMenu } from './AvatarMenu'; import { AvatarMenu } from './AvatarMenu';
@@ -73,6 +73,7 @@ type ExperimentalHeaderNoteProps = {
visible?: boolean; visible?: boolean;
}; };
const ExperimentalHeaderNote = ({ visible = false, height = 30 }: ExperimentalHeaderNoteProps) => { const ExperimentalHeaderNote = ({ visible = false, height = 30 }: ExperimentalHeaderNoteProps) => {
const { t } = useTranslation();
if (!visible) return null; if (!visible) return null;
return ( return (
@@ -80,8 +81,7 @@ const ExperimentalHeaderNote = ({ visible = false, height = 30 }: ExperimentalHe
<Flex h="100%" align="center" columnGap={7}> <Flex h="100%" align="center" columnGap={7}>
<IconAlertTriangle color="white" size="1rem" style={{ minWidth: '1rem' }} /> <IconAlertTriangle color="white" size="1rem" style={{ minWidth: '1rem' }} />
<Text color="white" lineClamp={height === 30 ? 1 : 2}> <Text color="white" lineClamp={height === 30 ? 1 : 2}>
This is an experimental feature of Homarr. Please report any issues to the official Homarr {t('experimentalNote.label')}
team.
</Text> </Text>
</Flex> </Flex>
</Box> </Box>