-
{title}
-
- Rp.
- {amound}
-
+ const { title, amound } = properties
+ return (
+ <>
+
- ) : (
-
-
-
-
{title}
-
- Rp.
- {amound}
-
-
- {/*
-
- Pribadi : {0}
-
-
- Perusahaan : {0}
-
-
*/}
-
+ >
)
}
diff --git a/app/pages/dashboard/data.ts b/app/pages/dashboard/data.ts
index 20cc41e..a4cb5aa 100644
--- a/app/pages/dashboard/data.ts
+++ b/app/pages/dashboard/data.ts
@@ -1,5 +1,5 @@
export const REPORT = [
- { title: 'Total Transaksi', amound: 1_000_000, icon: 'money' },
+ { title: 'Total Transaksi', amound: '10.800.000.000', icon: 'money' },
{ title: 'Transaksi Tertagih', amound: 2_000_000, icon: 'money' },
{ title: 'Transaksi Tertagih', amound: 2_000_000, icon: 'money' },
]
diff --git a/app/pages/dashboard/index.tsx b/app/pages/dashboard/index.tsx
index fe0d926..71a72fb 100644
--- a/app/pages/dashboard/index.tsx
+++ b/app/pages/dashboard/index.tsx
@@ -1,31 +1,89 @@
+import { GraphIcon } from '~/components/icons/graph'
import { CardReport } from '~/components/ui/card-report'
-import { REPORT, HISTORY } from './data'
+import { REPORT } from './data'
export const DashboardPage = () => {
return (
-
+
+
-
- {REPORT.map((report) => (
-
- ))}
-
-
- {HISTORY.map((report) => (
-
- ))}
+
+ {REPORT.map((report, index) => (
+
+ ))}
+
+
+
+
+
+
+
+
+
Total Kunjungan
+
2.890
+
+
+
Pribadi: 2.190 | Perusahaan: 700
+
+
+
+
+
+
Total User Memesan
+
274
+
+
+
Pribadi: 211 | Perusahaan: 54
+
+
+
+

+
+
+
+
+
+

+
+
+

+
+
)
diff --git a/public/images/dummy-chart-1.svg b/public/images/dummy-chart-1.svg
new file mode 100644
index 0000000..170e6c4
--- /dev/null
+++ b/public/images/dummy-chart-1.svg
@@ -0,0 +1,39 @@
+
diff --git a/public/images/dummy-chart-2.svg b/public/images/dummy-chart-2.svg
new file mode 100644
index 0000000..7cec6f8
--- /dev/null
+++ b/public/images/dummy-chart-2.svg
@@ -0,0 +1,103 @@
+
diff --git a/public/images/dummy-chart-3.svg b/public/images/dummy-chart-3.svg
new file mode 100644
index 0000000..ddc782f
--- /dev/null
+++ b/public/images/dummy-chart-3.svg
@@ -0,0 +1,18 @@
+