diff --git a/src/components/layout/NewModernLayout.tsx b/src/components/layout/NewModernLayout.tsx
index af15af6..2af05fe 100644
--- a/src/components/layout/NewModernLayout.tsx
+++ b/src/components/layout/NewModernLayout.tsx
@@ -59,18 +59,10 @@ const Logo = () => {
);
};
-export default function NewModernLayout({ children }: NewModernLayoutProps) {
+const SidebarContent = () => {
const location = useLocation();
const { toggleSidebar } = useSidebar();
- const {
- isOpen: tourOpen,
- currentStep,
- nextStep,
- skipTour,
- closeTour
- } = useOnboardingTour();
-
const mainItems = [
{
title: "Dashboard",
@@ -131,107 +123,131 @@ export default function NewModernLayout({ children }: NewModernLayoutProps) {
}
];
+ return (
+ <>
+
+
+
+
+
+
+ Principal
+
+
+ {mainItems.map((item) => (
+
+
+
+
+ {item.title}
+
+
+
+ ))}
+
+
+
+
+
+ WhatsApp
+
+
+ {whatsappItems.map((item) => (
+
+
+
+
+ {item.title}
+
+
+
+ ))}
+
+
+
+
+
+
+
+
+ {configItems.map((item) => (
+
+
+
+
+ {item.title}
+
+
+
+ ))}
+
+
+
+
+ );
+};
+
+const HeaderContent = () => {
+ const { toggleSidebar } = useSidebar();
+
+ return (
+
+
+
+
+
+
+
+
+ Abrir/Fechar Menu
+
+
+
+
+ Menu
+
+
+
+
+
+
+
-
-
-
-
-
-
- Principal
-
-
- {mainItems.map((item) => (
-
-
-
-
- {item.title}
-
-
-
- ))}
-
-
-
-
-
- WhatsApp
-
-
- {whatsappItems.map((item) => (
-
-
-
-
- {item.title}
-
-
-
- ))}
-
-
-
-
-
-
-
-
- {configItems.map((item) => (
-
-
-
-
- {item.title}
-
-
-
- ))}
-
-
-
+
-
-
-
-
-
-
-
-
- Abrir/Fechar Menu
-
-
-
-
- Menu
-
-
-
-
-
-
-
{children}