Tola Leng
f6592d331f
Refactored the Sidebar component into smaller, more manageable files to improve code organization and maintainability. Fix sidebar auto-expansion issue Ensured the sidebar's collapsed state is maintained when navigating between pages.
27 lines
658 B
TypeScript
27 lines
658 B
TypeScript
|
|
import React from "react";
|
|
import { MenuItem } from "./MenuItem";
|
|
import { mainMenuItems } from "./navigationData";
|
|
|
|
interface MainNavigationProps {
|
|
collapsed: boolean;
|
|
}
|
|
|
|
export const MainNavigation: React.FC<MainNavigationProps> = ({ collapsed }) => {
|
|
return (
|
|
<nav className="my-2 mx-1 py-1 px-1">
|
|
{mainMenuItems.map((item) => (
|
|
<MenuItem
|
|
key={item.id}
|
|
id={item.id}
|
|
path={item.path}
|
|
icon={item.icon}
|
|
translationKey={item.translationKey}
|
|
color={item.color}
|
|
hasNavigation={item.hasNavigation}
|
|
collapsed={collapsed}
|
|
/>
|
|
))}
|
|
</nav>
|
|
);
|
|
}; |