diff --git a/src/components/dashboard/table/TransactionTableBody.tsx b/src/components/dashboard/table/TransactionTableBody.tsx index b9d883d..ff80b39 100644 --- a/src/components/dashboard/table/TransactionTableBody.tsx +++ b/src/components/dashboard/table/TransactionTableBody.tsx @@ -1,11 +1,9 @@ - import { format } from 'date-fns'; import { Edit, Trash2 } from 'lucide-react'; import { Transaction } from '@/types/financialTypes'; import { Button } from '@/components/ui/button'; import { TableBody, TableCell, TableRow } from '@/components/ui/table'; import { cn } from '@/lib/utils'; - interface TransactionTableBodyProps { transactions: Transaction[]; isLoading: boolean; @@ -13,88 +11,57 @@ interface TransactionTableBodyProps { onDelete: (transaction: Transaction) => void; formatCurrency: (value: number) => string; } - -const TransactionTableBody = ({ - transactions, - isLoading, - onEdit, - onDelete, - formatCurrency +const TransactionTableBody = ({ + transactions, + isLoading, + onEdit, + onDelete, + formatCurrency }: TransactionTableBodyProps) => { if (isLoading) { - return ( - - {Array(5).fill(0).map((_, i) => ( - - {Array(6).fill(0).map((_, j) => ( - + return + {Array(5).fill(0).map((_, i) => + {Array(6).fill(0).map((_, j) =>
- - ))} - - ))} - - ); + )} + )} + ; } - if (transactions.length === 0) { - return ( - + return Nenhuma transação encontrada - - ); + ; } - - return ( - - {transactions.map((transaction) => ( - + return + {transactions.map(transaction => {format(new Date(transaction.quando), 'dd/MM/yyyy')} {transaction.estabelecimento} {transaction.detalhes} - + {transaction.categoria} - + {formatCurrency(Math.abs(transaction.valor))}
- -
-
- ))} -
- ); +
)} +
; }; - -export default TransactionTableBody; +export default TransactionTableBody; \ No newline at end of file