From 612adc60b23722027a35fecbcb38b915ca1f5bcd Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 15 Jun 2025 18:38:42 +0000
Subject: [PATCH] Fix: Wrap SettingsSidebar with SidebarProvider

The error "useSidebar must be used within a SidebarProvider" indicates that the SettingsSidebar component is using the useSidebar hook without being wrapped by the SidebarProvider. This commit wraps the SettingsSidebar component with the SidebarProvider in the Configuracoes page to resolve the error.
---
 src/pages/Configuracoes.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/pages/Configuracoes.tsx b/src/pages/Configuracoes.tsx
index 68b7fdd..93839e8 100644
--- a/src/pages/Configuracoes.tsx
+++ b/src/pages/Configuracoes.tsx
@@ -1,17 +1,18 @@
 
+import { SidebarProvider } from "@/components/ui/sidebar";
 import SettingsSidebar from "@/components/settings/SettingsSidebar";
 
 const Configuracoes = () => {
   return (
-    <div className="flex min-h-screen bg-background">
-      <div className="hidden md:block w-64 flex-shrink-0 border-r">
+    <SidebarProvider>
+      <div className="flex min-h-screen w-full bg-background">
         <SettingsSidebar />
+        <main className="flex-1 p-6">
+          <h1 className="text-2xl font-bold mb-4">Configurações</h1>
+          {/* Aqui virá o conteúdo das configurações que você solicitar */}
+        </main>
       </div>
-      <main className="flex-1 p-6">
-        <h1 className="text-2xl font-bold mb-4">Configurações</h1>
-        {/* Aqui virá o conteúdo das configurações que você solicitar */}
-      </main>
-    </div>
+    </SidebarProvider>
   );
 };