rodrigo/budget-view-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Wrap SettingsSidebar with SidebarProvider

Browse Source 
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.
This commit is contained in:
gpt-engineer-app[bot] 2025-06-15 18:38:42 +00:00
parent 424b86811f
commit 612adc60b2
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/Configuracoes.tsx
View File

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