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

Fix: Resolve import and type errors

Browse Source 
The commit addresses two TypeScript errors in `src/components/layout/NewModernLayout.tsx`: a conflict in the import of `SidebarContent` and a type mismatch in the `children` prop. The changes should resolve these errors and ensure the application functions correctly.
This commit is contained in:
gpt-engineer-app[bot] 2025-07-02 05:30:42 +00:00
parent bc075c8fff
commit 37fbe839f7
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/layout/NewModernLayout.tsx
View File

@ -59,9 +59,8 @@ const Logo = () => {
); );
}; };
const SidebarContent = () => { const AppSidebar = () => {
const location = useLocation(); const location = useLocation();
const { toggleSidebar } = useSidebar();
const mainItems = [ const mainItems = [
{ {
@ -124,7 +123,7 @@ const SidebarContent = () => {
]; ];
return ( return (
<> <Sidebar>
<SidebarHeader> <SidebarHeader>
<Logo /> <Logo />
</SidebarHeader> </SidebarHeader>
@ -195,7 +194,7 @@ const SidebarContent = () => {
</SidebarMenu> </SidebarMenu>
</SidebarGroup> </SidebarGroup>
</SidebarFooter> </SidebarFooter>
</> </Sidebar>
); );
}; };
@ -242,9 +241,7 @@ export default function NewModernLayout({ children }: NewModernLayoutProps) {
return ( return (
<div className="min-h-screen bg-background flex w-full"> <div className="min-h-screen bg-background flex w-full">
<SidebarProvider defaultOpen={false}> <SidebarProvider defaultOpen={false}>
<Sidebar> <AppSidebar />
<SidebarContent />
</Sidebar>
<SidebarInset className="flex-1"> <SidebarInset className="flex-1">
<HeaderContent /> <HeaderContent />