Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-16 10:16:20 +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, IconLogout,
IconMailForward, IconMailForward,
IconQuestionMark, IconQuestionMark,
IconSettings2,
IconSun, IconSun,
IconUser, IconUser,
IconUserSearch, IconUserSearch,
@@ -94,6 +95,14 @@ export const MainLayout = ({ children }: MainLayoutProps) => {
href="/manage/users/invites" href="/manage/users/invites"
/> />
</NavLink> </NavLink>
<NavLink
label="Preferences"
icon={
<ThemeIcon size="md" variant="light" color="red">
<IconSettings2 size="1rem" />
</ThemeIcon>
}
/>
<NavLink <NavLink
label="Help" label="Help"
icon={ 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 { useSession } from 'next-auth/react';
import Head from 'next/head'; import Head from 'next/head';
import Image from 'next/image'; import Image from 'next/image';
import Link from 'next/link';
import { MainLayout } from '~/components/layout/admin/main-admin.layout'; import { MainLayout } from '~/components/layout/admin/main-admin.layout';
import { useScreenLargerThan } from '~/hooks/useScreenLargerThan'; import { useScreenLargerThan } from '~/hooks/useScreenLargerThan';
@@ -85,7 +86,7 @@ const ManagementPage = () => {
</Group> </Group>
</Card> </Card>
</UnstyledButton> </UnstyledButton>
<UnstyledButton> <UnstyledButton component={Link} href="/manage/user/invites">
<Card className={classes.quickActionCard}> <Card className={classes.quickActionCard}>
<Group spacing={30} noWrap> <Group spacing={30} noWrap>
<Stack spacing={0}> <Stack spacing={0}>
@@ -96,7 +97,7 @@ const ManagementPage = () => {
</Group> </Group>
</Card> </Card>
</UnstyledButton> </UnstyledButton>
<UnstyledButton> <UnstyledButton component={Link} href="/manage/preferences">
<Card className={classes.quickActionCard}> <Card className={classes.quickActionCard}>
<Group spacing={30} noWrap> <Group spacing={30} noWrap>
<Stack spacing={0}> <Stack spacing={0}>

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

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