Kemas M. Aryadary Rasyad
46cd26f4d2
- Implemented AddInternsDialog for inviting and managing interns. - Created CreateProjectDialog for launching new projects with detailed forms. - Added CreateTaskDialog for task creation with deadline and submission type options. - Enhanced Header component with navigation functionality. - Updated MentorProjectCard to navigate correctly to mentor projects. - Refactored SidebarMentor for improved navigation and mobile responsiveness. - Adjusted Internify login logic to streamline user role navigation. - Added CSS styles for consistent layout and design. - Introduced mock data for interns to facilitate development and testing.
33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
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-4 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-[130px] 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>
|
|
)
|
|
} |