♻️ Fix head title for preferences page

This commit is contained in:
Meier Lukas
2023-08-05 16:34:38 +02:00
parent f650915832
commit 6aff6dbedc
3 changed files with 7 additions and 6 deletions

View File

@@ -1,13 +1,13 @@
import { AppShell, useMantineTheme } from '@mantine/core';
import { MainHeader } from '~/components/layout/header/Header';
type MainLayoutProps = {
showExperimental?: boolean;
headerActions?: React.ReactNode;
children: React.ReactNode;
};
export const MainLayout = ({ headerActions, children }: MainLayoutProps) => {
export const MainLayout = ({ showExperimental, headerActions, children }: MainLayoutProps) => {
const theme = useMantineTheme();
return (
@@ -17,7 +17,7 @@ export const MainLayout = ({ headerActions, children }: MainLayoutProps) => {
background: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],
},
}}
header={<MainHeader headerActions={headerActions} />}
header={<MainHeader headerActions={headerActions} showExperimental={showExperimental} />}
className="dashboard-app-shell"
>
{children}

View File

@@ -73,7 +73,7 @@ type ExperimentalHeaderNoteProps = {
visible?: boolean;
};
const ExperimentalHeaderNote = ({ visible = false, height = 30 }: ExperimentalHeaderNoteProps) => {
const { t } = useTranslation();
const { t } = useTranslation('layout/header');
if (!visible) return null;
return (

View File

@@ -30,13 +30,14 @@ const PreferencesPage = () => {
const { data } = api.user.withSettings.useQuery();
const { data: boardsData } = api.boards.all.useQuery();
const { t } = useTranslation('user/preferences');
const headTitle = `${t('metaTitle')} • Homarr`;
return (
<MainLayout>
<MainLayout showExperimental>
<Container>
<Paper p="xl" mih="100%" withBorder>
<Head>
<title>{t('metaTitle')} Homarr</title>
<title>{headTitle}</title>
</Head>
<Title mb="xl">{t('pageTitle')}</Title>