diff --git a/app/components/ui/card-report.tsx b/app/components/ui/card-report.tsx index 4e56021..ce746e6 100644 --- a/app/components/ui/card-report.tsx +++ b/app/components/ui/card-report.tsx @@ -1,60 +1,28 @@ -import { Link } from 'react-router' - import { GraphIcon } from '~/components/icons/graph' interface CardReportProperty { title: string - amound?: number + amound?: number | string url?: string type?: 'history' | 'report' counter?: number[] } export const CardReport = (properties: CardReportProperty) => { - const { title, amound, url } = properties - return url ? ( -
- - -
-

{title}

-

- Rp. - {amound} -

+ const { title, amound } = properties + return ( + <> +
+ +
+

{title}

+

Rp. {amound}

- -
- ) : ( -
- -
-

{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 (
-
-

Dashboard

-
tanggal
-
+
+
+

Dashboard

+
+ Tanggal: + + +
+
-
- {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 @@ + + + + + + + + + + + + + + + + + +