fix error datatable

georgepiter · Apr 11, 2023 · 43a76f1 · 43a76f1
1 parent ea8fbc8
commit 43a76f1
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 5 deletions.
diff --git a/src/components/tables/DebtsAllTable.tsx b/src/components/tables/DebtsAllTable.tsx
@@ -45,7 +45,16 @@ export default function DebtsAllTable({ userId }: Props) {
  const columns = [
  {
  name: "Descrição",
- selector: (row: DebtDTO) => row.debtDescription,
+ selector: (row: DebtDTO) => (
+ <Tag
+ size="lg"
+ variant="solid"
+ borderRadius="full"
+ colorScheme="secondary"
+ >
+ {row.debtDescription}
+ </Tag>
+ ),
  },
  {
  name: "Valor",
@@ -68,7 +77,7 @@ export default function DebtsAllTable({ userId }: Props) {
  name: "Status",
  selector: (row: DebtDTO) => (
  <Tag
- size="sm"
+ size="md"
  variant="solid"
  borderRadius="full"
  colorScheme={row.status == "AWAITING_PAYMENT" ? "orange" : "green"}

diff --git a/src/pages/debt/index.tsx b/src/pages/debt/index.tsx
@@ -204,7 +204,16 @@ export default function Debt() {
  const columns = [
  {
  name: "Descrição",
- selector: (row: DebtDTO) => row.debtDescription,
+ selector: (row: DebtDTO) => (
+ <Tag
+ size="lg"
+ variant="solid"
+ borderRadius="full"
+ colorScheme="secondary"
+ >
+ {row.debtDescription}
+ </Tag>
+ ),
  },
  {
  name: "Valor",
@@ -216,6 +225,7 @@ export default function Debt() {
  },
  {
  name: "Dt. Vencimento",
+ width: "150px",
  selector: (row: DebtDTO) => new Date(row.dueDate).toLocaleDateString(),
  },
  {
@@ -246,10 +256,10 @@ export default function Debt() {
  },
  {
  name: "Status",
- width: "180px",
+ width: "200px",
  selector: (row: DebtDTO) => (
  <Tag
- size="sm"
+ size="md"
  variant="solid"
  borderRadius="full"
  colorScheme={