From 24418ddb9b109d99ece43cab571fc4ff4245e701 Mon Sep 17 00:00:00 2001
From: Rama Priyanto <priyantorama12@gmail.com>
Date: Mon, 18 Nov 2024 12:31:26 +0700
Subject: [PATCH] feat:static page table

---
 app/(admin)/admin/static-page/create/page.tsx | 10 ++++++++
 app/(admin)/admin/static-page/page.tsx        | 24 +++++++++++++++----
 components/table/static-page-table.tsx        |  9 +++++++
 3 files changed, 39 insertions(+), 4 deletions(-)
 create mode 100644 app/(admin)/admin/static-page/create/page.tsx
 create mode 100644 components/table/static-page-table.tsx

diff --git a/app/(admin)/admin/static-page/create/page.tsx b/app/(admin)/admin/static-page/create/page.tsx
new file mode 100644
index 0000000..cd7c356
--- /dev/null
+++ b/app/(admin)/admin/static-page/create/page.tsx
@@ -0,0 +1,10 @@
+import StaticPageBuilder from "@/components/main/static-page/static-page-main";
+import { Card } from "@nextui-org/react";
+
+export default function StaticPageGenerator() {
+  return (
+    <Card className="rounded-md border bg-transparent p-4">
+      <StaticPageBuilder />
+    </Card>
+  );
+}
diff --git a/app/(admin)/admin/static-page/page.tsx b/app/(admin)/admin/static-page/page.tsx
index cd7c356..1a64657 100644
--- a/app/(admin)/admin/static-page/page.tsx
+++ b/app/(admin)/admin/static-page/page.tsx
@@ -1,10 +1,26 @@
-import StaticPageBuilder from "@/components/main/static-page/static-page-main";
-import { Card } from "@nextui-org/react";
+import { AddIcon } from "@/components/icons";
+import StaticPageTable from "@/components/table/static-page-table";
+import { Button, Card } from "@nextui-org/react";
+import Link from "next/link";
 
-export default function StaticPageGenerator() {
+export default function StaticPageGeneratorList() {
   return (
     <Card className="rounded-md border bg-transparent p-4">
-      <StaticPageBuilder />
+      <div className="overflow-x-hidden overflow-y-scroll rounded-lg border-2">
+        <div className="px-2 md:px-4 w-full">
+          <div className="rounded-md mt-4 px-5 py-2 bg-white dark:bg-[#18181b] flex flex-row gap-3">
+            <Link href="/admin/static-page/create">
+              <Button size="md" color="primary" className="w-min">
+                <AddIcon />
+                Create Page
+              </Button>
+            </Link>
+          </div>
+          <div className="bg-white dark:bg-[#18181b] rounded-xl p-2">
+            <StaticPageTable />
+          </div>
+        </div>
+      </div>
     </Card>
   );
 }
diff --git a/components/table/static-page-table.tsx b/components/table/static-page-table.tsx
new file mode 100644
index 0000000..247a039
--- /dev/null
+++ b/components/table/static-page-table.tsx
@@ -0,0 +1,9 @@
+"use client";
+import { AddIcon } from "@/components/icons";
+import ArticleTable from "@/components/table/article-table";
+import { Button, Card } from "@nextui-org/react";
+import Link from "next/link";
+
+export default function StaticPageTable() {
+  return <ArticleTable />;
+}