mediahub-fe/app/[locale]/(protected)/contributor/content/nulis-ai/page.tsx

79 lines
2.8 KiB
TypeScript

"use client";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import SiteBreadcrumb from "@/components/site-breadcrumb";
import TableImage from "./components/table-nulis";
import { Newspaper, NewspaperIcon, UploadIcon } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Icon } from "@iconify/react/dist/iconify.js";
import TableNulis from "./components/table-nulis";
import TableAudio from "../audio/components/table-audio";
const ReactTableNulisPage = () => {
return (
<div>
<SiteBreadcrumb />
<div className="space-y-4">
<Card className="py-4 px-3">
<div className="flex flex-row 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>
0 <span className="text-red-500">Rata - rata :0</span>
</p>
<p className="text-sm">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>
0 <span className="text-red-500">Rata - rata :0</span>
</p>
<p className="text-sm">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>
0 <span className="text-red-500">Rata - rata :0</span>
</p>
<p className="text-sm">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">
Konten Nulis Ai
</div>
<div>
<Button color="primary" className="text-white ml-3">
<UploadIcon />
Unggah Nulis AI
</Button>
</div>
</div>
</CardTitle>
</CardHeader>
<CardContent className="p-0">
<TableNulis />
</CardContent>
</Card>
</div>
</div>
);
};
export default ReactTableNulisPage;