Files
pp-tcms/frontend/app/projects/[projectId]/sidebar.tsx
2024-02-19 20:36:27 +09:00

38 lines
1.1 KiB
TypeScript

"use client";
import { Menu, MenuItem } from "@nextui-org/react";
import { HomeIcon, PagesIcon, PlayIcon } from "@/components/icons";
import { useRouter } from "next/navigation";
import useGetCurrentIds from "@/utils/useGetCurrentIds";
export default function Sidebar() {
const { projectId } = useGetCurrentIds();
const router = useRouter();
return (
<div className="w-64 bg-white border-r-1">
<Menu aria-label="sidebar">
<MenuItem
startContent={<HomeIcon size={28} />}
className="p-3"
onClick={() => router.push(`/projects/${projectId}/home`)}
>
Home
</MenuItem>
<MenuItem
startContent={<PagesIcon size={28} />}
className="p-3"
onClick={() => router.push(`/projects/${projectId}/folders`)}
>
Test Cases
</MenuItem>
<MenuItem
startContent={<PlayIcon size={28} />}
className="p-3"
onClick={() => router.push(`/projects/${projectId}/runs`)}
>
Test Runs
</MenuItem>
</Menu>
</div>
);
}