fix error datatable

georgepiter · Apr 11, 2023 · 78dbf32 · 78dbf32
1 parent 9f24d0e
commit 78dbf32
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git a/src/components/tables/DebtsAllTable.tsx b/src/components/tables/DebtsAllTable.tsx
@@ -66,7 +66,18 @@ export default function DebtsAllTable({ userId }: Props) {
  },
  {
  name: "Data Vencimento",
- selector: (row: DebtDTO) => new Date(row.dueDate).toLocaleDateString(),
+ selector: (row: DebtDTO) => (
+ <Tag
+ size="md"
+ variant="solid"
+ borderRadius="full"
+ colorScheme={
+ row.status == "Aguardando Pagamento" ? "orange" : "green"
+ }
+ >
+ {new Date(row.dueDate).toLocaleDateString()}
+ </Tag>
+ ),
  },
  {
  name: "Data Pagamento",

diff --git a/src/pages/debt/index.tsx b/src/pages/debt/index.tsx
@@ -226,7 +226,18 @@ export default function Debt() {
  {
  name: "Dt. Vencimento",
  width: "150px",
- selector: (row: DebtDTO) => new Date(row.dueDate).toLocaleDateString(),
+ selector: (row: DebtDTO) => (
+ <Tag
+ size="md"
+ variant="solid"
+ borderRadius="full"
+ colorScheme={
+ row.status == "Aguardando Pagamento" ? "orange" : "green"
+ }
+ >
+ {new Date(row.dueDate).toLocaleDateString()}
+ </Tag>
+ ),
  },
  {
  name: "Dt. Pagamento",