swissmakers_gmbh/swiss-datashare
12
0
Fork 0
mirror of https://github.com/swissmakers/swiss-datashare.git synced 2026-04-21 06:03:13 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add dark mode toggle

Browse Source
This commit is contained in:
Elias Schneider
2022-05-11 15:32:28 +02:00
parent c15cb062a8
commit a5f450d80f
4 changed files with 18 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/navBar/ActionAvatar.tsx
View File

@@ -1,7 +1,8 @@
import { ActionIcon, Avatar, Menu } from "@mantine/core";
import { ActionIcon, Avatar, Menu, Switch } from "@mantine/core";
import { NextLink } from "@mantine/next";
import { DoorExit, Link } from "tabler-icons-react";
import { DoorExit, Link, Moon } from "tabler-icons-react";
import aw from "../../utils/appwrite.util";
import ToggleThemeButton from "./ToggleThemeButton";
const ActionAvatar = () => {
return (
@@ -36,6 +37,10 @@ const ActionAvatar = () => {
>
Sign out
</Menu.Item>
<Menu.Label>Settings</Menu.Label>
<Menu.Item icon={<Moon size={14} />}>
<ToggleThemeButton />
</Menu.Item>
</Menu>
);
};