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 83a9b4e..bd4bcf5 100644 --- a/src/Components/DataTable/DataTable.jsx +++ b/src/Components/DataTable/DataTable.jsx @@ -1,8 +1,9 @@ import React from "react"; import { Table, TableContainer, Tbody, Td, Th, Thead, Tr, Skeleton, TableCaption, Tfoot } from "@chakra-ui/react"; import EmptySearchList from "../EmptySearchList"; +import Pagination from "../Pagination"; -const DataTable = ({ data, isLoading, tableHeadRow, emptyMessage }) => { +const DataTable = ({ data, isLoading, tableHeadRow, emptyMessage, totalPages }) => { const columnWidth = data && data[0] ? `${(100 / Object.keys(data[0]).length).toFixed(2)}%` : "auto"; return ( @@ -10,8 +11,9 @@ const DataTable = ({ data, isLoading, tableHeadRow, emptyMessage }) => { ) : ( - Rubix 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) => (
@@ -23,7 +25,7 @@ const DataTable = ({ data, isLoading, tableHeadRow, emptyMessage }) => {
diff --git a/src/Components/FormField.jsx b/src/Components/FormField.jsx new file mode 100644 index 0000000..74ddef2 --- /dev/null +++ b/src/Components/FormField.jsx @@ -0,0 +1,50 @@ +import { FormControl, FormLabel, Input, Textarea } from '@chakra-ui/react'; +import React from 'react' +import { Controller } from 'react-hook-form'; +import { TiWarning } from 'react-icons/ti'; + +const FormField = ({ + label, + control, + name, + type = "text", + errors, + isRequired, + ...props + }) => ( + // + // + + {label} + { + return type === "textarea" ? ( +