Report

2025-09-11 20:43:15 +07:00
parent 34442740e2
commit 1a9015563f
5 changed files with 136 additions and 2 deletions
@@ -0,0 +1,63 @@
+'use client'
+
+import { Container, Typography } from '@mui/material'
+import Grid from '@mui/material/Grid2'
+import ReportCard from './ReportCard'
+import { getLocalizedUrl } from '@/utils/i18n'
+import { Locale } from '@/configs/i18n'
+import { useParams } from 'next/navigation'
+
+const ReportSalesList: React.FC = () => {
+  const { lang: locale } = useParams()
+
+  const salesReports = [
+    {
+      title: 'Detail Penjualan',
+      iconClass: 'tabler-receipt-2',
+      link: ''
+    },
+    {
+      title: 'Tagihan Pelanggan',
+      iconClass: 'tabler-receipt-2',
+      link: ''
+    },
+    {
+      title: 'Penjualan per Produk',
+      iconClass: 'tabler-receipt-2',
+      link: ''
+    },
+    {
+      title: 'Penjualan per Kategori Produk',
+      iconClass: 'tabler-receipt-2',
+      link: ''
+    },
+    {
+      title: 'Penjualan Produk per Pelanggan',
+      iconClass: 'tabler-receipt-2',
+      link: ''
+    },
+    {
+      title: 'Pemesanan per Produk',
+      iconClass: 'tabler-receipt-2',
+      link: ''
+    }
+  ]
+
+  return (
+    <div>
+      <Typography variant='h5' className='mbe-2'>
+        Penjualan
+      </Typography>
+
+      <Grid container spacing={3}>
+        {salesReports.map((report, index) => (
+          <Grid key={index} size={{ xs: 12, sm: 4, md: 3 }}>
+            <ReportCard title={report.title} avatarIcon={report.iconClass} href={report.link} />
+          </Grid>
+        ))}
+      </Grid>
+    </div>
+  )
+}
+
+export default ReportSalesList