From da0314a180dd6733683ebf079f852f7f88d82924 Mon Sep 17 00:00:00 2001
From: Meier Lukas <meierschlumpf@gmail.com>
Date: Sat, 5 Aug 2023 16:03:35 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Add=20missing=20translation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/header/Header.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

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
       <Flex h="100%" align="center" columnGap={7}>
         <IconAlertTriangle color="white" size="1rem" style={{ minWidth: '1rem' }} />
         <Text color="white" lineClamp={height === 30 ? 1 : 2}>
-          This is an experimental feature of Homarr. Please report any issues to the official Homarr
-          team.
+          {t('experimentalNote.label')}
         </Text>
       </Flex>
     </Box>