settings page

- restructuring profile -> settings
- new sidebar

Author: dheidemann

frontend/app/(planner)/layout.tsx

@@ -31,29 +31,6 @@ export default function PlannerLayout({ children }: PlannerLayoutProps) {
 
   const basePath = "/" + pathname.split("/")[1];
 
-  const adminNav = [
-    {
-      title: "Stundenplan",
-      href: basePath,
-    },
-    {
-      title: "Überblick",
-      href: basePath + "/overview",
-    },
-    {
-      title: "Veranstaltungen",
-      href: basePath + "/events",
-    },
-    {
-      title: "Anmeldungen",
-      href: basePath + "/applications",
-    },
-    {
-      title: "Einstellungen",
-      href: basePath + "/settings",
-    },
-  ];
-
   useEffect(() => {
     const fetchData = async () => {
       const client = getClient();

frontend/app/(planner)/sidebar.tsx

@@ -1,4 +1,4 @@
-import { BookCheck, Calendar, GraduationCap } from "lucide-react"
+import { BookCheck, Calendar, GraduationCap } from "lucide-react";
 
 import {
   Sidebar,
@@ -9,43 +9,47 @@ import {
   SidebarMenu,
   SidebarMenuButton,
   SidebarMenuItem,
-} from "@/components/ui/sidebar"
-import {UmbrellaPopoverSelection} from "@/components/umbrella-popover-selection"
-import {Event} from "@/lib/gql/generated/graphql"
-import {usePathname} from "next/navigation"
+} from "@/components/ui/sidebar";
+import { UmbrellaPopoverSelection } from "@/components/umbrella-popover-selection";
+import { Event } from "@/lib/gql/generated/graphql";
+import { usePathname } from "next/navigation";
 
 interface AdminSidebarProps {
-  umbrellas: Event[]
+  umbrellas: Event[];
 }
 
-export function AdminSidebar({umbrellas}: AdminSidebarProps) {
-  const pathname = usePathname()
+export function AdminSidebar({ umbrellas }: AdminSidebarProps) {
+  const pathname = usePathname();
 
-  const basePath = "/" + pathname.split("/")[1]
+  const basePath = "/" + pathname.split("/")[1];
+
+  const items = [
+    {
+      title: "Stundenplan",
+      url: basePath,
+      icon: Calendar,
+    },
+    {
+      title: "Tutorien",
+      url: basePath + "/tutorials",
+      icon: GraduationCap,
+    },
+    {
+      title: "Anmeldungen",
+      url: basePath + "/registrations",
+      icon: BookCheck,
+    },
+  ];
 
-const items = [
-  {
-    title: "Stundenplan",
-    url: basePath,
-    icon: Calendar,
-  },
-  {
-    title: "Tutorien",
-    url: basePath + "/tutorials",
-    icon: GraduationCap,
-  },
-  {
-    title: "Anmeldungen",
-    url: basePath + "/registrations",
-    icon: BookCheck,
-  },
-]
   return (
     <Sidebar>
       <SidebarHeader>
         <SidebarMenu>
           <SidebarMenuItem>
-            <UmbrellaPopoverSelection umbrellas={umbrellas} className="w-full justify-between" />
+            <UmbrellaPopoverSelection
+              umbrellas={umbrellas}
+              className="w-full justify-between"
+            />
           </SidebarMenuItem>
         </SidebarMenu>
       </SidebarHeader>
@@ -68,5 +72,5 @@ const items = [
         </SidebarGroup>
       </SidebarContent>
     </Sidebar>
-  )
+  );
 }

frontend/app/(profile)/profile/layout.tsx

@@ -0,0 +1,22 @@
+import { SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar";
+import { ProfileSidebar } from "./sidebar";
+import { Footer } from "@/components/footer";
+
+interface SettingsLayoutProps {
+  children: React.ReactNode;
+}
+
+export default function SettingsLayout({ children }: SettingsLayoutProps) {
+  return (
+    <SidebarProvider>
+      <ProfileSidebar />
+      <main className="flex-1 mt-[80px]">
+        <div className="p-5">
+          <SidebarTrigger className="mb-2" />
+          {children}
+        </div>
+        <Footer />
+      </main>
+    </SidebarProvider>
+  );
+}