Fix: Remove duplicate menu item
Removed the duplicated menu item in the sidebar, as shown in the provided screenshot.
This commit is contained in:
parent
2d978827e9
commit
7661a8ccf3
@ -1,8 +1,4 @@
|
|||||||
|
|
||||||
import { useState } from 'react';
|
|
||||||
import { useIsMobile } from '@/hooks/use-mobile';
|
|
||||||
import Header from './Header';
|
|
||||||
import Sidebar from './Sidebar';
|
|
||||||
import NewModernLayout from './NewModernLayout';
|
import NewModernLayout from './NewModernLayout';
|
||||||
import OnboardingTour from '@/components/onboarding/OnboardingTour';
|
import OnboardingTour from '@/components/onboarding/OnboardingTour';
|
||||||
import HelpIcon from '@/components/help/HelpIcon';
|
import HelpIcon from '@/components/help/HelpIcon';
|
||||||
@ -13,10 +9,7 @@ interface LayoutProps {
|
|||||||
useModernSidebar?: boolean;
|
useModernSidebar?: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function Layout({ children, useModernSidebar = true }: LayoutProps) {
|
export default function Layout({ children }: LayoutProps) {
|
||||||
const [sidebarOpen, setSidebarOpen] = useState(false);
|
|
||||||
const isMobile = useIsMobile();
|
|
||||||
|
|
||||||
const {
|
const {
|
||||||
isOpen: tourOpen,
|
isOpen: tourOpen,
|
||||||
currentStep,
|
currentStep,
|
||||||
@ -25,63 +18,6 @@ export default function Layout({ children, useModernSidebar = true }: LayoutProp
|
|||||||
closeTour
|
closeTour
|
||||||
} = useOnboardingTour();
|
} = useOnboardingTour();
|
||||||
|
|
||||||
// Usa o novo layout moderno por padrão
|
// Sempre usa o novo layout moderno
|
||||||
if (useModernSidebar) {
|
return <NewModernLayout>{children}</NewModernLayout>;
|
||||||
return <NewModernLayout>{children}</NewModernLayout>;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Layout antigo para compatibilidade
|
|
||||||
const handleSidebarClose = () => {
|
|
||||||
setSidebarOpen(false);
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleMenuToggle = () => {
|
|
||||||
setSidebarOpen(!sidebarOpen);
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="min-h-screen bg-background flex">
|
|
||||||
{/* Mobile sidebar overlay */}
|
|
||||||
{isMobile && sidebarOpen && (
|
|
||||||
<div
|
|
||||||
className="fixed inset-0 z-40 bg-black bg-opacity-50"
|
|
||||||
onClick={handleSidebarClose}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{/* Sidebar */}
|
|
||||||
<div className={`
|
|
||||||
${isMobile
|
|
||||||
? `fixed inset-y-0 left-0 z-50 transform transition-transform duration-300 ${
|
|
||||||
sidebarOpen ? 'translate-x-0' : '-translate-x-full'
|
|
||||||
}`
|
|
||||||
: 'relative'
|
|
||||||
}
|
|
||||||
`}>
|
|
||||||
<Sidebar />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Main content */}
|
|
||||||
<div className="flex-1 flex flex-col overflow-hidden">
|
|
||||||
<Header onMenuToggle={handleMenuToggle} />
|
|
||||||
<main className="flex-1 overflow-y-auto">
|
|
||||||
<div className="container mx-auto px-4 py-6">
|
|
||||||
{children}
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Help Icon */}
|
|
||||||
<HelpIcon />
|
|
||||||
|
|
||||||
{/* Tour de Onboarding */}
|
|
||||||
<OnboardingTour
|
|
||||||
isOpen={tourOpen}
|
|
||||||
currentStep={currentStep}
|
|
||||||
onNext={nextStep}
|
|
||||||
onSkip={skipTour}
|
|
||||||
onClose={closeTour}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user