feat: add dashboard page

2024-09-30 15:12:14 -05:00 · 2024-09-30 15:12:14 -05:00 · 251a6a2a6a
commit 251a6a2a6a
parent 12c90ff120
6 changed files with 257 additions and 0 deletions
--- a/package/components/organisms/Dashboard/RecentTransactions.tsx
+++ b/package/components/organisms/Dashboard/RecentTransactions.tsx
@ -0,0 +1,45 @@
+"use client"
+import { Table, TableBody, TableCell, TableHead, TableRow } from "@mui/material"
+import React from "react"
+import CustomCard from "@molecules/CustomCard"
+
+interface Transaction {
+    id: number
+    customer: string
+    products: number
+    total: number
+    date: string
+  }
+  
+  interface RecentTransactionsProps {
+    transactions: Transaction[]
+  }
+
+const RecentTransactions: React.FC<RecentTransactionsProps> = ({ transactions }) => {
+    return (
+      <CustomCard title="Transacciones Recientes">
+        <Table>
+          <TableHead>
+            <TableRow>
+              <TableCell>Cliente</TableCell>
+              <TableCell>Productos</TableCell>
+              <TableCell>Total</TableCell>
+              <TableCell>Fecha</TableCell>
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {transactions.map((transaction) => (
+              <TableRow key={transaction.id}>
+                <TableCell>{transaction.customer}</TableCell>
+                <TableCell>{transaction.products}</TableCell>
+                <TableCell>${transaction.total.toFixed(2)}</TableCell>
+                <TableCell>{transaction.date}</TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      </CustomCard>
+    )
+  }
+  
+  export default RecentTransactions