feat: update dashboard components and add new icons for improved reporting

2025-02-23 23:17:06 +07:00
parent 7334e07537
commit 00bb4f99cb
5 changed files with 130 additions and 3 deletions
@@ -1,7 +1,32 @@
+import { CardReport } from '~/components/ui/card-report'
+
+import { REPORT, HISTORY } from './data'
 export const DashboardPage = () => {
  return (
    <div className="relative">
-      <h1>test DashboardPage</h1>
+      <div>
+        <h1>Dashboard</h1>
+        <div>tanggal</div>
+      </div>
+
+      <div className="flex flex-row gap-4">
+        {REPORT.map((report) => (
+          <CardReport
+            key={report.title}
+            title={report.title}
+            amound={report.amound}
+          ></CardReport>
+        ))}
+      </div>
+      <div className="mt-5 flex flex-col gap-4">
+        {HISTORY.map((report) => (
+          <CardReport
+            key={report.title}
+            title={report.title}
+            counter={report.counter}
+          ></CardReport>
+        ))}
+      </div>
    </div>
  )
 }