use chemical with wisp, cleanup

This commit is contained in:
Nebelung
2024-10-13 19:14:49 +00:00
parent fcd6718d0c
commit 408fa074bb
25 changed files with 2362 additions and 5177 deletions
+28 -11
View File
@@ -1,33 +1,50 @@
'use client'
"use client";
import { Button } from '@/components/ui/button'
import { Users, Link, Palette } from 'lucide-react'
import NextLink from 'next/link'
import { Button } from "@/components/ui/button";
import { Users, Link, Palette } from "lucide-react";
import NextLink from "next/link";
import { usePathname } from 'next/navigation'
import { usePathname } from "next/navigation";
export default function SettingsLayout({ children }: Readonly<{ children: React.ReactNode }>) {
const pathname = usePathname()
export default function SettingsLayout({
children,
}: Readonly<{ children: React.ReactNode }>) {
const pathname = usePathname();
return (
<div className="flex">
<div className="flex w-1/4 flex-col gap-2 p-4 pl-8 pt-8">
<NextLink href="/settings/appearance/">
<Button variant={pathname?.includes('/settings/appearance') ? 'secondary' : 'ghost'} className="w-full items-center justify-start gap-2">
<Button
variant={
pathname?.includes("/settings/appearance") ? "secondary" : "ghost"
}
className="w-full items-center justify-start gap-2"
>
<Palette className="h-5 w-5" /> Appearance
</Button>
</NextLink>
<NextLink href="/settings/credits/">
<Button variant={pathname?.includes('/settings/credits') ? 'secondary' : 'ghost'} className="w-full items-center justify-start gap-2">
<Button
variant={
pathname?.includes("/settings/credits") ? "secondary" : "ghost"
}
className="w-full items-center justify-start gap-2"
>
<Users className="h-5 w-5" /> Credits
</Button>
</NextLink>
<NextLink href="/settings/links/">
<Button variant={pathname?.includes('/settings/links') ? 'secondary' : 'ghost'} className="w-full items-center justify-start gap-2">
<Button
variant={
pathname?.includes("/settings/links") ? "secondary" : "ghost"
}
className="w-full items-center justify-start gap-2"
>
<Link className="h-5 w-5" /> Social Links
</Button>
</NextLink>
</div>
<div className="w-3/4 px-12 py-8">{children}</div>
</div>
)
);
}