diff --git a/public/locales/en/layout/header.json b/public/locales/en/layout/header.json index 5eb309964..7ef7f92f8 100644 --- a/public/locales/en/layout/header.json +++ b/public/locales/en/layout/header.json @@ -1,6 +1,6 @@ { "experimentalNote": { - "label": "This is an experimental feature of Homarr. Please report any issues to the official Homarr team." + "label": "This is an experimental feature of Homarr. Please report any issues on GitHub or Discord." }, "search": { "label": "Search", diff --git a/src/components/layout/header/Header.tsx b/src/components/layout/header/Header.tsx index 5370ba868..5db422bfa 100644 --- a/src/components/layout/header/Header.tsx +++ b/src/components/layout/header/Header.tsx @@ -2,7 +2,6 @@ import { Anchor, Box, Center, - Divider, Flex, Group, Header, @@ -12,8 +11,7 @@ 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 { Trans, useTranslation } from 'next-i18next'; import { Logo } from '../Common/Logo'; import { AvatarMenu } from './AvatarMenu'; @@ -80,27 +78,33 @@ const ExperimentalHeaderNote = ({ visible = false, height = 30 }: ExperimentalHe return ( - - - - - {t('experimentalNote.label')} - - - - - Create issue - - - - Discord - - - + + + + + ), + dc: ( + + ), + }} + /> + + ); };