diff --git a/src/components/layout/header/Header.tsx b/src/components/layout/header/Header.tsx index 29b25626c..f4dfad8c9 100644 --- a/src/components/layout/header/Header.tsx +++ b/src/components/layout/header/Header.tsx @@ -10,8 +10,8 @@ import { } from '@mantine/core'; import { useMediaQuery } from '@mantine/hooks'; import { IconAlertTriangle } from '@tabler/icons-react'; +import { useTranslation } from 'next-i18next'; import Link from 'next/link'; -import { useScreenLargerThan } from '~/hooks/useScreenLargerThan'; import { Logo } from '../Common/Logo'; import { AvatarMenu } from './AvatarMenu'; @@ -73,6 +73,7 @@ type ExperimentalHeaderNoteProps = { visible?: boolean; }; const ExperimentalHeaderNote = ({ visible = false, height = 30 }: ExperimentalHeaderNoteProps) => { + const { t } = useTranslation(); if (!visible) return null; return ( @@ -80,8 +81,7 @@ const ExperimentalHeaderNote = ({ visible = false, height = 30 }: ExperimentalHe - This is an experimental feature of Homarr. Please report any issues to the official Homarr - team. + {t('experimentalNote.label')}