48 lines
1.6 KiB
TypeScript
48 lines
1.6 KiB
TypeScript
"use client";
|
|
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
|
|
import SiteBreadcrumb from "@/components/site-breadcrumb";
|
|
import TableImage from "./components/table-image";
|
|
import { UploadIcon } from "lucide-react";
|
|
import { Button } from "@/components/ui/button";
|
|
import Link from "next/link";
|
|
|
|
const ReactTableImagePage = () => {
|
|
return (
|
|
<div>
|
|
{/* <SiteBreadcrumb /> */}
|
|
<div className="space-y-4 m-3">
|
|
<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">
|
|
Image
|
|
</div>
|
|
<div className="flex-none">
|
|
<Link href={"/admin/content/image/create"}>
|
|
<Button color="primary" className="text-white">
|
|
<UploadIcon size={18} className="mr-2" />
|
|
Create Image
|
|
</Button>
|
|
</Link>
|
|
{/* <Link href={"/contributor/content/image/createAi"}>
|
|
<Button color="primary" className="text-white ml-3">
|
|
<UploadIcon />
|
|
Unggah Foto Dengan AI
|
|
</Button>
|
|
</Link> */}
|
|
</div>
|
|
</div>
|
|
</CardTitle>
|
|
</CardHeader>
|
|
<CardContent className="p-0">
|
|
<TableImage />
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ReactTableImagePage;
|