89 lines
3.2 KiB
TypeScript
89 lines
3.2 KiB
TypeScript
"use client";
|
|
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
|
|
import SiteBreadcrumb from "@/components/site-breadcrumb";
|
|
import TableImage from "./components/table-video";
|
|
import { UploadIcon } from "lucide-react";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Icon } from "@iconify/react/dist/iconify.js";
|
|
import TableVideo from "./components/table-video";
|
|
import { Link } from "@/components/navigation";
|
|
import { useTranslations } from "next-intl";
|
|
|
|
const ReactTableVideoPage = () => {
|
|
const t = useTranslations("AnalyticsDashboard");
|
|
return (
|
|
<div>
|
|
<SiteBreadcrumb />
|
|
<div className="space-y-4">
|
|
<Card className="py-4 px-3">
|
|
<div className="flex flex-wrap justify-between items-center px-5">
|
|
<div className="flex flex-row items-center text-xl font-medium text-default-900 gap-2">
|
|
<div>
|
|
<Icon icon="icon-park-outline:check-one" />
|
|
</div>
|
|
<div>
|
|
<p>
|
|
<span className="text-red-500">{t("average")} :0</span>
|
|
</p>
|
|
<p className="text-sm">
|
|
{t("Hasil_unggah_disetujui_hari_ini")}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div className="flex flex-row items-center text-xl font-medium text-default-900 gap-2">
|
|
<div>
|
|
<Icon icon="material-symbols:settings-backup-restore-rounded" />
|
|
</div>
|
|
<div>
|
|
<p>
|
|
<span className="text-red-500">{t("average")} :0</span>
|
|
</p>
|
|
<p className="text-sm">{t("Hasil_unggah_direvisi_hari_ini")}</p>
|
|
</div>
|
|
</div>
|
|
<div className="flex flex-row items-center text-xl font-medium text-default-900 gap-2">
|
|
<div>
|
|
<Icon icon="healthicons:no-outline" />
|
|
</div>
|
|
<div>
|
|
<p>
|
|
<span className="text-red-500">{t("average")} :0</span>
|
|
</p>
|
|
<p className="text-sm">{t("Hasil_unggah_ditolak_hari_ini")}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Card>
|
|
<Card>
|
|
<CardHeader className="border-b border-solid border-default-200 mb-6">
|
|
<CardTitle>
|
|
<div className="flex items-center">
|
|
<div className="flex-1 text-xl font-medium text-default-900">
|
|
{t("video")}
|
|
</div>
|
|
<div className="flex-none">
|
|
<Link href={"/contributor/content/video/create"}>
|
|
<Button color="primary" className="text-white">
|
|
<UploadIcon />
|
|
{t("create-video")}
|
|
</Button>
|
|
</Link>
|
|
{/* <Button color="primary" className="text-white ml-3">
|
|
<UploadIcon />
|
|
Unggah Video Dengan AI
|
|
</Button> */}
|
|
</div>
|
|
</div>
|
|
</CardTitle>
|
|
</CardHeader>
|
|
<CardContent className="p-0">
|
|
<TableVideo />
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ReactTableVideoPage;
|