fix error datatable

georgepiter · Apr 11, 2023 · 7cd7fb8 · 7cd7fb8
1 parent a76947a
commit 7cd7fb8
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 27 deletions.
diff --git a/src/components/tables/DebtsAllTable.tsx b/src/components/tables/DebtsAllTable.tsx
@@ -46,12 +46,7 @@ export default function DebtsAllTable({ userId }: Props) {
  {
  name: "Descrição",
  selector: (row: DebtDTO) => (
- <Tag
- size="lg"
- variant="solid"
- borderRadius="full"
- colorScheme="secondary"
- >
+ <Tag size="lg" variant="solid" borderRadius="full" bg="primary.700">
  {row.debtDescription}
  </Tag>
  ),
@@ -198,7 +193,7 @@ export default function DebtsAllTable({ userId }: Props) {
  key={category.categoryId}
  color="white"
  bg="gray.600"
- _selected={{ color: "white", bg: "secondary.500" }}
+ _selected={{ color: "white", bg: "primary.700" }}
  >
  <Text as="b">{category.description}</Text>
  </Tab>

diff --git a/src/components/tables/HistoryAllByRegisterTable.tsx b/src/components/tables/HistoryAllByRegisterTable.tsx
@@ -10,7 +10,8 @@ import {
  useTheme,
  VStack,
  Heading,
- Center
+ Center,
+ Tag
 } from "@chakra-ui/react";
 import {
  LineChart,
@@ -54,31 +55,44 @@ export default function HistoryAllByRegisterTable({ registerId }: Props) {
  const columns = [
  {
  name: "Período",
- selector: (row: HistoryDTO) => row.period,
+ selector: (row: HistoryDTO) => (
+ <Tag size="md" variant="solid" borderRadius="full" bg="primary.700">
+ {row.period}
+ </Tag>
+ ),
  },
  {
  name: "Crédito",
- selector: (row: HistoryDTO) =>
- new Intl.NumberFormat("pt-br", {
- style: "currency",
- currency: "BRL",
- }).format(Number(row.totalDebt)),
+ selector: (row: HistoryDTO) => (
+ <Tag size="md" variant="solid" borderRadius="full" colorScheme="green">
+ {new Intl.NumberFormat("pt-br", {
+ style: "currency",
+ currency: "BRL",
+ }).format(Number(row.totalDebt))}
+ </Tag>
+ ),
  },
  {
  name: "Débito",
- selector: (row: HistoryDTO) =>
- new Intl.NumberFormat("pt-br", {
- style: "currency",
- currency: "BRL",
- }).format(Number(row.totalDebt)),
+ selector: (row: HistoryDTO) => (
+ <Tag size="md" variant="solid" borderRadius="full" colorScheme="red">
+ {new Intl.NumberFormat("pt-br", {
+ style: "currency",
+ currency: "BRL",
+ }).format(Number(row.totalDebt))}
+ </Tag>
+ ),
  },
  {
  name: "Saldo",
- selector: (row: HistoryDTO) =>
- new Intl.NumberFormat("pt-br", {
- style: "currency",
- currency: "BRL",
- }).format(Number(row.balanceCredit)),
+ selector: (row: HistoryDTO) => (
+ <Tag size="md" variant="solid" borderRadius="full" colorScheme="blue">
+ {new Intl.NumberFormat("pt-br", {
+ style: "currency",
+ currency: "BRL",
+ }).format(Number(row.balanceCredit))}
+ </Tag>
+ ),
  },
  {
  name: "Deletar",

diff --git a/src/pages/debt/index.tsx b/src/pages/debt/index.tsx
@@ -209,7 +209,7 @@ export default function Debt() {
  size="lg"
  variant="solid"
  borderRadius="full"
- colorScheme="secondary"
+ bg="primary.700"
  >
  {row.debtDescription}
  </Tag>
@@ -862,8 +862,8 @@ export default function Debt() {
  <Tab
  key={category.categoryId}
  color="white"
- bg="gray.600"
- _selected={{ color: "white", bg: "primary.500" }}
+ bg={colorMode === "dark" ? "gray.600" : "gray.300"}
+ _selected={{ color: "white", bg: "primary.700" }}
  >
  <Text as="b">{category.description}</Text>
  </Tab>