✨ Add common header to manage pages

2023-07-30 16:30:48 +02:00
parent d100d41ce6
commit fc70a34e7d
4 changed files with 33 additions and 13 deletions
--- a/src/pages/auth/login.tsx
+++ b/src/pages/auth/login.tsx
@@ -19,6 +19,7 @@ import { useTranslation } from 'next-i18next';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 import { useRouter } from 'next/router';
 import { z } from 'zod';
+import { CommonHeader } from '~/components/layout/common-header';
 import { signInSchema } from '~/validations/user';

 import { loginNamespaces } from '../../tools/server/translation-namespaces';
@@ -44,6 +45,9 @@ export default function LoginPage() {

  return (
    <Flex h="100dvh" display="flex" w="100%" direction="column" align="center" justify="center">
+      <CommonHeader>
+        <title>Login • Homarr</title>
+      </CommonHeader>
      <Card withBorder shadow="md" p="xl" radius="md" w="90%" maw={420}>
        <Title align="center" weight={900}>
          {t('title')}
--- a/src/pages/manage/preferences.tsx
+++ b/src/pages/manage/preferences.tsx
@@ -3,6 +3,7 @@ import Head from 'next/head';
 import { forwardRef } from 'react';
 import { AccessibilitySettings } from '~/components/Settings/Customization/Accessibility/AccessibilitySettings';
 import { MainLayout } from '~/components/layout/admin/main-admin.layout';
+import { CommonHeader } from '~/components/layout/common-header';
 import { languages } from '~/tools/language';

 const PreferencesPage = () => {
@@ -15,9 +16,9 @@ const PreferencesPage = () => {
  }));
  return (
    <MainLayout>
-      <Head>
+      <CommonHeader>
        <title>Preferences • Homarr</title>
-      </Head>
+      </CommonHeader>
      <Title mb="xl">Preferences</Title>

      <Stack spacing={5}>