mirror of
https://github.com/Lapikud/tipilan.git
synced 2026-05-08 18:08:32 +00:00
Removed white theme
This commit is contained in:
@@ -5,15 +5,7 @@ import { Link } from "@/i18n/routing";
|
|||||||
import { vipnagorgialla } from "@/components/Vipnagorgialla";
|
import { vipnagorgialla } from "@/components/Vipnagorgialla";
|
||||||
|
|
||||||
// Icons
|
// Icons
|
||||||
import {
|
import { MdMenu } from "react-icons/md";
|
||||||
MdMenu,
|
|
||||||
MdSunny,
|
|
||||||
MdModeNight,
|
|
||||||
MdComputer,
|
|
||||||
} from "react-icons/md";
|
|
||||||
|
|
||||||
// Theme Provider
|
|
||||||
import { useTheme } from "next-themes";
|
|
||||||
|
|
||||||
import LanguageSwitcher from "./LanguageSwitcher";
|
import LanguageSwitcher from "./LanguageSwitcher";
|
||||||
|
|
||||||
@@ -40,17 +32,10 @@ interface NavItem {
|
|||||||
}
|
}
|
||||||
|
|
||||||
interface HeaderProps {
|
interface HeaderProps {
|
||||||
themeLabels: {
|
|
||||||
light: string;
|
|
||||||
dark: string;
|
|
||||||
system: string;
|
|
||||||
};
|
|
||||||
navItems: NavItem[];
|
navItems: NavItem[];
|
||||||
}
|
}
|
||||||
|
|
||||||
const Header = ({ themeLabels, navItems }: HeaderProps) => {
|
const Header = ({ navItems }: HeaderProps) => {
|
||||||
const { theme, setTheme } = useTheme();
|
|
||||||
|
|
||||||
// Filter nav items for the horizontal bar (exclude kodukord)
|
// Filter nav items for the horizontal bar (exclude kodukord)
|
||||||
const mainNavItems = navItems.filter(
|
const mainNavItems = navItems.filter(
|
||||||
(item) => item.href !== "/kodukord"
|
(item) => item.href !== "/kodukord"
|
||||||
@@ -84,49 +69,6 @@ const Header = ({ themeLabels, navItems }: HeaderProps) => {
|
|||||||
))}
|
))}
|
||||||
</nav>
|
</nav>
|
||||||
<LanguageSwitcher />
|
<LanguageSwitcher />
|
||||||
<DropdownMenu>
|
|
||||||
<DropdownMenuTrigger asChild>
|
|
||||||
<Button
|
|
||||||
variant="ghost"
|
|
||||||
size="icon"
|
|
||||||
className="size-10 cursor-pointer"
|
|
||||||
>
|
|
||||||
<MdSunny className="scale-135 text-[#EEE5E5] dark:hidden" />
|
|
||||||
<MdModeNight className="scale-135 text-[#EEE5E5] not-dark:hidden" />
|
|
||||||
<span className="sr-only">Toggle theme</span>
|
|
||||||
</Button>
|
|
||||||
</DropdownMenuTrigger>
|
|
||||||
<DropdownMenuContent align="end" className="w-48 translate-y-4">
|
|
||||||
<DropdownMenuItem
|
|
||||||
className={`text-lg ${theme === "light" ? "bg-accent/50 font-medium" : ""}`}
|
|
||||||
onClick={() => setTheme("light")}
|
|
||||||
disabled={theme === "light"}
|
|
||||||
>
|
|
||||||
<MdSunny className={theme === "light" ? "text-amber-500" : ""} />
|
|
||||||
<span>{themeLabels.light}</span>
|
|
||||||
</DropdownMenuItem>
|
|
||||||
<DropdownMenuItem
|
|
||||||
className={`text-lg ${theme === "dark" ? "bg-accent/50 font-medium" : ""}`}
|
|
||||||
onClick={() => setTheme("dark")}
|
|
||||||
disabled={theme === "dark"}
|
|
||||||
>
|
|
||||||
<MdModeNight
|
|
||||||
className={theme === "dark" ? "text-blue-500" : ""}
|
|
||||||
/>
|
|
||||||
<span>{themeLabels.dark}</span>
|
|
||||||
</DropdownMenuItem>
|
|
||||||
<DropdownMenuItem
|
|
||||||
className={`text-lg ${theme === "system" ? "bg-accent/50 font-medium" : ""}`}
|
|
||||||
onClick={() => setTheme("system")}
|
|
||||||
disabled={theme === "system"}
|
|
||||||
>
|
|
||||||
<MdComputer
|
|
||||||
className={theme === "system" ? "text-green-500" : ""}
|
|
||||||
/>
|
|
||||||
<span>{themeLabels.system}</span>
|
|
||||||
</DropdownMenuItem>
|
|
||||||
</DropdownMenuContent>
|
|
||||||
</DropdownMenu>
|
|
||||||
|
|
||||||
{/* Mobile menu button */}
|
{/* Mobile menu button */}
|
||||||
<DropdownMenu>
|
<DropdownMenu>
|
||||||
|
|||||||
@@ -16,19 +16,11 @@ interface NavItem {
|
|||||||
}
|
}
|
||||||
|
|
||||||
interface SidebarLayoutClientProps {
|
interface SidebarLayoutClientProps {
|
||||||
themeLabels: {
|
|
||||||
light: string;
|
|
||||||
dark: string;
|
|
||||||
system: string;
|
|
||||||
};
|
|
||||||
navItems: NavItem[];
|
navItems: NavItem[];
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function SidebarLayoutClient({
|
export default function SidebarLayoutClient({
|
||||||
themeLabels,
|
|
||||||
navItems,
|
navItems,
|
||||||
}: SidebarLayoutClientProps) {
|
}: SidebarLayoutClientProps) {
|
||||||
return (
|
return <Header navItems={navItems} />;
|
||||||
<Header themeLabels={themeLabels} navItems={navItems} />
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,14 +2,6 @@ import { getTranslations } from "next-intl/server";
|
|||||||
import SidebarLayoutClient from "./SidebarLayoutClient";
|
import SidebarLayoutClient from "./SidebarLayoutClient";
|
||||||
|
|
||||||
export default async function SidebarLayoutServer() {
|
export default async function SidebarLayoutServer() {
|
||||||
const t = await getTranslations("common");
|
|
||||||
|
|
||||||
const themeLabels = {
|
|
||||||
light: t("theme.light"),
|
|
||||||
dark: t("theme.dark"),
|
|
||||||
system: t("theme.system"),
|
|
||||||
};
|
|
||||||
|
|
||||||
const navT = await getTranslations("navigation");
|
const navT = await getTranslations("navigation");
|
||||||
|
|
||||||
const navItems = [
|
const navItems = [
|
||||||
@@ -21,5 +13,5 @@ export default async function SidebarLayoutServer() {
|
|||||||
{ href: "/kodukord" as const, label: navT("houserules") },
|
{ href: "/kodukord" as const, label: navT("houserules") },
|
||||||
];
|
];
|
||||||
|
|
||||||
return <SidebarLayoutClient themeLabels={themeLabels} navItems={navItems} />;
|
return <SidebarLayoutClient navItems={navItems} />;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user