Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-14 17:26:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

✨ Add preferences page to navbar

Browse Source
This commit is contained in:
Manuel
2023-07-30 15:33:43 +02:00
parent 8e5af7f05c
commit 9de710bfd8
3 changed files with 25 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/layout/admin/main-admin.layout.tsx
View File

@@ -30,6 +30,7 @@ import {
IconLogout,
IconMailForward,
IconQuestionMark,
IconSettings2,
IconSun,
IconUser,
IconUserSearch,
@@ -94,6 +95,14 @@ export const MainLayout = ({ children }: MainLayoutProps) => {
href="/manage/users/invites"
/>
</NavLink>
<NavLink
label="Preferences"
icon={
<ThemeIcon size="md" variant="light" color="red">
<IconSettings2 size="1rem" />
</ThemeIcon>
}
/>
<NavLink
label="Help"
icon={

5
src/pages/manage/index.tsx
View File

@@ -13,6 +13,7 @@ import { IconArrowRight } from '@tabler/icons-react';
import { useSession } from 'next-auth/react';
import Head from 'next/head';
import Image from 'next/image';
import Link from 'next/link';
import { MainLayout } from '~/components/layout/admin/main-admin.layout';
import { useScreenLargerThan } from '~/hooks/useScreenLargerThan';
@@ -85,7 +86,7 @@ const ManagementPage = () => {
</Group>
</Card>
</UnstyledButton>
<UnstyledButton>
<UnstyledButton component={Link} href="/manage/user/invites">
<Card className={classes.quickActionCard}>
<Group spacing={30} noWrap>
<Stack spacing={0}>
@@ -96,7 +97,7 @@ const ManagementPage = () => {
</Group>
</Card>
</UnstyledButton>
<UnstyledButton>
<UnstyledButton component={Link} href="/manage/preferences">
<Card className={classes.quickActionCard}>
<Group spacing={30} noWrap>
<Stack spacing={0}>

22
src/pages/manage/preferences.tsx
View File

@@ -1,12 +1,16 @@
import { Title } from "@mantine/core";
import { MainLayout } from "~/components/layout/admin/main-admin.layout";
import { Title } from '@mantine/core';
import Head from 'next/head';
import { MainLayout } from '~/components/layout/admin/main-admin.layout';
const PreferencesPage = () => {
return (
<MainLayout>
<Title>Preferences</Title>
</MainLayout>
)
}
return (
<MainLayout>
<Head>
<title>Preferences • Homarr</title>
</Head>
<Title>Preferences</Title>
</MainLayout>
);
};
export default PreferencesPage
export default PreferencesPage;