diff --git a/src/App.css b/src/App.css index 42c4620..3ca3030 100644 --- a/src/App.css +++ b/src/App.css @@ -2,12 +2,16 @@ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap"); @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); + * { box-sizing: border-box; margin: 0; padding: 0; /* font-family: "League Spartan", sans-serif !important; */ font-family: "Poppins", sans-serif !important; + + /* font-family: "Lato", sans-serif !important; */ } .pointer { diff --git a/src/Components/DataTable/DataTable.jsx b/src/Components/DataTable/DataTable.jsx index 00e7d6c..e402b87 100644 --- a/src/Components/DataTable/DataTable.jsx +++ b/src/Components/DataTable/DataTable.jsx @@ -12,20 +12,19 @@ import { Tfoot, } from "@chakra-ui/react"; import EmptySearchList from "../EmptySearchList"; +import Pagination from "../Pagination"; -const DataTable = ({ data, isLoading, tableHeadRow, emptyMessage }) => { - const columnWidth = - data && data[0] - ? `${(100 / Object.keys(data[0]).length).toFixed(2)}%` - : "auto"; +const DataTable = ({ data, isLoading, tableHeadRow, emptyMessage, totalPages }) => { + const columnWidth = data && data[0] ? `${(100 / Object.keys(data[0]).length).toFixed(2)}%` : "auto"; return ( {data?.length === 0 ? ( ) : ( - - Tanami v1.0.0 - +
+ {/* */} + Tanami v1.0 + {tableHeadRow.map((heading, index) => ( {isLoading - ? Array.from({ length: 12 }).map((_, index) => ( + ? Array?.from({ length: 10 }).map((_, index) => ( {tableHeadRow.map((_, i) => (
@@ -37,7 +36,7 @@ const DataTable = ({ data, isLoading, tableHeadRow, emptyMessage }) => {
( + // + // + + {label} + { + return type === "textarea" ? ( +