feat: update routing parameters, add header component, and refactor project details; enhance breadcrumb labels and task timeline

2026-06-16 11:47:47 +07:00
parent b7489e3be7
commit 8b20c11822
12 changed files with 318 additions and 90 deletions
@@ -0,0 +1,33 @@
+import { Bell, Menu } from "lucide-react"
+import humiclogo from "../assets/logo.png";
+import { useNavigate } from "react-router-dom";
+
+export default function Header({ toggleSidebar }: { toggleSidebar: () => void }) {
+  const nav = useNavigate();
+  return (
+    <header className='sticky top-0 flex w-full justify-between items-center py-2 px-12 bg-white border-b border-gray-300 z-10'>
+      <div className='flex items-center gap-3'>
+        {/* Tombol Burger Menu: Hanya muncul di layar < md */}
+        <button 
+          onClick={toggleSidebar} 
+          className="p-1 text-gray-600 hover:bg-gray-100 rounded-md md:hidden"
+        >
+          <Menu className="w-6 h-6" />
+        </button>
+
+        <button onClick={()=>nav('/intern')}>
+          <img src={humiclogo} alt="Humic Logo" className="w-[100px] cursor-pointer" />
+        </button>
+      </div>
+
+      <div className="flex flex-row gap-6 items-center">
+        <button onClick={()=>nav("notifications")}>
+          <Bell className="w-6 h-6 hover:text-red-800"/>
+        </button>
+        <div className="bg-blue-500 rounded-xl w-9 h-9">
+
+        </div>
+      </div>
+    </header>
+  )
+}