feat: implement dashboard contents page with data table and styling

2025-02-25 15:45:27 +07:00
parent 929f5c91b0
commit e476e3a3ad
4 changed files with 146 additions and 1 deletions
@@ -0,0 +1,36 @@
+import DT from 'datatables.net-dt'
+import DataTable from 'datatables.net-react'
+
+import { TitleDashboard } from '~/components/ui/title-dashboard'
+
+import { CONTENTS } from './data'
+
+export const ContentsPage = () => {
+  DataTable.use(DT)
+  const columns = [
+    { title: 'No', data: 'id' },
+    { title: 'Tanggal Kontent', data: 'createdAt' },
+    { title: 'Nama Penulis', data: 'author' },
+    { title: 'Judul', data: 'title' },
+    { title: 'Kategori', data: 'category' },
+    { title: 'Tags', data: 'tags' },
+    { title: 'Action', data: 'id', render: () => 'Edit' },
+  ]
+
+  return (
+    <div className="relative">
+      <TitleDashboard title="Konten" />
+      <DataTable
+        className="cell-border"
+        data={CONTENTS}
+        columns={columns}
+        options={{
+          paging: true,
+          searching: true,
+          ordering: true,
+          info: true,
+        }}
+      ></DataTable>
+    </div>
+  )
+}