fixed bug w/ yeeting sidebar wrapper

Author: henry-dowling

app/routes/(authed)/config.tsx

@@ -25,12 +25,12 @@ import {
   Check
 } from "lucide-react";
 import { useState } from "react";
+import { AppSidebar } from "@/components/app-sidebar";
 import { AppNavbar } from "@/components/app-navbar";
 import { cn } from "@/lib/utils";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import { Input } from "@/components/ui/input";
 import { Switch } from "@/components/ui/switch";
-import { SidebarProvider } from "@/components/sidebar-provider";
 
 export const Route = createFileRoute("/(authed)/config")({
   component: ConfigComponent,
@@ -143,7 +143,7 @@ function ConfigComponent() {
   };
 
   return (
-    <SidebarProvider>
+    <AppSidebar>
       <div className="min-h-screen bg-background">
         <AppNavbar />
         <main className="container mx-auto p-4 pt-20">
@@ -243,6 +243,6 @@ function ConfigComponent() {
           </div>
         </main>
       </div>
-    </SidebarProvider>
+    </AppSidebar>
   );
 } 

app/routes/(authed)/feed.tsx

@@ -1,5 +1,6 @@
 import { createFileRoute } from "@tanstack/react-router";
 import { IncidentFeed } from "@/components/incidents/incident-feed";
+import { AppSidebar } from "@/components/app-sidebar";
 import { AppNavbar } from "@/components/app-navbar";
 import { Incident } from "@/types/incident";
 import { useState, useMemo } from "react";
@@ -9,7 +10,6 @@ import { Label } from "@/components/ui/label";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import { Separator } from "@/components/ui/separator";
 import { Check, Filter } from "lucide-react";
-import { SidebarProvider } from "@/components/sidebar-provider";
 
 // Mock data - replace with real API calls later
 const mockIncidents: Incident[] = [
@@ -118,7 +118,7 @@ function FeedComponent() {
   };
 
   return (
-    <SidebarProvider>
+    <AppSidebar>
       <div className="bg-background min-h-screen">
         <AppNavbar />
         <main className="mx-auto max-w-7xl p-4 pt-20">
@@ -242,6 +242,6 @@ function FeedComponent() {
           </div>
         </main>
       </div>
-    </SidebarProvider>
+    </AppSidebar>
   );
 }