mediahub-fe/app/[locale]/(protected)/task/page.tsx

39 lines
1.1 KiB
TypeScript

import { Card, CardContent } from "@/components/ui/card";
import TaskTable from "./table-task/task-table";
import { Button } from "@/components/ui/button";
import { UploadIcon } from "lucide-react";
import SiteBreadcrumb from "@/components/site-breadcrumb";
import { Link } from "@/components/navigation";
const TaskPage = async () => {
return (
<div>
<SiteBreadcrumb />
<div className="space-y-4">
<Card className="py-4 px-3">
<div className="flex flex-row justify-between items-center">
<div className="flex-1 text-xl font-medium text-default-900">
Table Penugasan
</div>
<div>
<Link href={"/task/create"}>
<Button color="primary" className="text-white">
<UploadIcon />
Buat Penugasan
</Button>
</Link>
</div>
</div>
</Card>
<Card>
<CardContent className="p-0">
<TaskTable />
</CardContent>
</Card>
</div>
</div>
);
};
export default TaskPage;