PxlLoewe/var-monorepo
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Add Settings to Navbar, disable ThemeSwap (who uses light-mode anyway)

Browse Source
This commit is contained in:
nocnico
2025-05-22 01:14:00 +02:00
parent b615ad9ec8
commit 65fa2a6271
5 changed files with 221 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
apps/dispatch/app/pilot/_components/navbar/Navbar.tsx
View File

@@ -1,14 +1,15 @@
"use client";
import { Connection } from "./Connection";
import { ThemeSwap } from "./ThemeSwap";
/* import { ThemeSwap } from "./ThemeSwap"; */
import { Audio } from "../../../_components/Audio";
import { useState } from "react";
/* import { useState } from "react"; */
import { ExitIcon, ExternalLinkIcon } from "@radix-ui/react-icons";
import Link from "next/link";
import { Settings } from "./Settings";
export default function Navbar() {
const [isDark, setIsDark] = useState(false);
/* const [isDark, setIsDark] = useState(false);
const toggleTheme = () => {
const newTheme = !isDark;
@@ -17,7 +18,7 @@ export default function Navbar() {
"data-theme",
newTheme ? "nord" : "dark",
);
};
}; */
return (
<div className="navbar bg-base-100 shadow-sm flex gap-5 justify-between">
@@ -32,8 +33,9 @@ export default function Navbar() {
<div className="flex items-center">
<Connection />
</div>
<ThemeSwap isDark={isDark} toggleTheme={toggleTheme} />
{/* <ThemeSwap isDark={isDark} toggleTheme={toggleTheme} /> */}
<div className="flex items-center">
<Settings />
<Link
href={process.env.NEXT_PUBLIC_HUB_URL || "#!"}
target="_blank"