Fixes upes-open#56

bizsync-application/src/_dashboard/DashboardLayout.jsx

@@ -15,10 +15,25 @@ const dashboardItems = [
   { name: "Reports", path: "reports" },
 ];
 
+
 const DashboardLayout = () => {
   const [activeItem, setActiveItem] = useState("Home");
   const [isSidebarOpen, setIsSidebarOpen] = useState(false);
 
+  useEffect(() => {
+    const fetchDashboardItems = async () => {
+      try {
+        const response = await fetch('http://localhost:8000/api/dashboard-items');
+        const data = await response.json();
+        setDashboardItems(data);
+      } catch (error) {
+        console.error("Error fetching dashboard items:", error);
+      }
+    };
+
+    fetchDashboardItems();
+  }, []);
+
   const toggleSidebar = () => setIsSidebarOpen(!isSidebarOpen);
 
   return (

server/dashboard_service/src/app.js

@@ -28,5 +28,6 @@ app.use("/api/v1", staffRoute);
 app.use("/api/v1", reportRoute);
 app.use("/api/v1", orderRoute);
 app.use("/api/v1", inventoryRoute);
+app.use("/api/v1", dashboardItems);
 
 export { app };

server/dashboard_service/src/routes/dashboard.routes.js

@@ -0,0 +1,21 @@
+app.use(express.json());
+app.use(cors());
+
+// Dashboard items
+const dashboardItems = [
+  { name: "Home", path: "home" },
+  { name: "Receivables", path: "receivables" },
+  { name: "Spends", path: "spends" },
+  { name: "Inventory", path: "inventory" },
+  { name: "Notification", path: "notification" },
+  { name: "Supplier", path: "supplier" },
+  { name: "Staff", path: "staff" },
+  { name: "Financial", path: "financial" },
+  { name: "Sales", path: "sales" },
+  { name: "Reports", path: "reports" },
+];
+
+// Get all dashboard items
+app.get('/api/dashboard-items', (req, res) => {
+  res.json(dashboardItems);
+});