sidebar

frontend/app/projects/[id]/sidebar.tsx

@@ -1,16 +1,20 @@
 import { Menu, MenuItem } from "@nextui-org/react";
+import { HomeIcon, PagesIcon, PlayIcon } from "@/components/icons";
 
-export default function Sidebar({ children }) {
+export default function Sidebar() {
   return (
-    <div className="flex">
-      <div className="w-64 bg-white rounded-lg m-2">
-        <Menu openMode="multiple" aria-label="Main Menu">
-          <MenuItem>Menu Item 1</MenuItem>
-          <MenuItem>Menu Item 2</MenuItem>
-          <MenuItem>Menu Item 3</MenuItem>
-        </Menu>
-      </div>
-      <div className="flex-grow bg-white rounded-lg m-2">{children}</div>
+    <div className="w-64 bg-white border-r-1">
+      <Menu aria-label="sidebar">
+        <MenuItem startContent={<HomeIcon size={28} />} className="p-3">
+          Home
+        </MenuItem>
+        <MenuItem startContent={<PagesIcon size={28} />} className="p-3">
+          Test Cases
+        </MenuItem>
+        <MenuItem startContent={<PlayIcon size={28} />} className="p-3">
+          Test Runs
+        </MenuItem>
+      </Menu>
     </div>
   );
 }