diff --git a/pkgs/ui/src/components/table/index.tsx b/pkgs/ui/src/components/table/index.tsx
index 0b389cb..cbfec7e 100644
--- a/pkgs/ui/src/components/table/index.tsx
+++ b/pkgs/ui/src/components/table/index.tsx
@@ -1,27 +1,29 @@
import React from "react";
-import Table from '@mui/material/Table';
-import TableBody from '@mui/material/TableBody';
-import TableContainer from '@mui/material/TableContainer';
-import TableHead from '@mui/material/TableHead';
-import TableRow from '@mui/material/TableRow';
-import Paper from '@mui/material/Paper';
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableContainer from "@mui/material/TableContainer";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import Paper from "@mui/material/Paper";
import { NoDataOverlay } from "@/components/noDataOverlay";
import { StyledTableCell, StyledTableRow } from "./style";
import { ICustomTable, CustomTableConfiguration } from "@/types";
const CustomTable = ({ configuration, data }: ICustomTable) => {
-
// display empty icon in case there is no data
if (!data || data.length === 0)
- return
-
- const renderTableCell = (value: any, cellKey: string, render?: (param: any) => void | undefined) => {
+ return ;
+ const renderTableCell = (
+ value: any,
+ cellKey: string,
+ render?: (param: any) => void | undefined,
+ ) => {
let renderedValue = value;
// cover use case if the data is an array
- if (Array.isArray(value)) renderedValue = value.join(', ')
+ if (Array.isArray(value)) renderedValue = value.join(", ");
// cover use case if we want to render a component
if (render) renderedValue = render(value);
@@ -31,8 +33,7 @@ const CustomTable = ({ configuration, data }: ICustomTable) => {
{renderedValue}
);
-
- }
+ };
return (
@@ -40,9 +41,7 @@ const CustomTable = ({ configuration, data }: ICustomTable) => {
{configuration.map((header: CustomTableConfiguration) => (
-
- {header.label}
-
+ {header.label}
))}
@@ -60,7 +59,7 @@ const CustomTable = ({ configuration, data }: ICustomTable) => {
- )
-}
+ );
+};
-export default CustomTable;
\ No newline at end of file
+export default CustomTable;
diff --git a/pkgs/ui/src/components/table/style.tsx b/pkgs/ui/src/components/table/style.tsx
index 9785f80..b0e5429 100644
--- a/pkgs/ui/src/components/table/style.tsx
+++ b/pkgs/ui/src/components/table/style.tsx
@@ -1,6 +1,6 @@
-import { styled } from '@mui/material/styles';
-import TableCell, { tableCellClasses } from '@mui/material/TableCell';
-import TableRow from '@mui/material/TableRow';
+import { styled } from "@mui/material/styles";
+import TableCell, { tableCellClasses } from "@mui/material/TableCell";
+import TableRow from "@mui/material/TableRow";
export const StyledTableCell = styled(TableCell)(({ theme }) => ({
[`&.${tableCellClasses.head}`]: {
@@ -13,11 +13,11 @@ export const StyledTableCell = styled(TableCell)(({ theme }) => ({
}));
export const StyledTableRow = styled(TableRow)(({ theme }) => ({
- '&:nth-of-type(odd)': {
+ "&:nth-of-type(odd)": {
backgroundColor: theme.palette.action.hover,
},
// hide last border
- '&:last-child td, &:last-child th': {
+ "&:last-child td, &:last-child th": {
border: 0,
},
-}));
\ No newline at end of file
+}));
diff --git a/pkgs/ui/src/types/index.ts b/pkgs/ui/src/types/index.ts
index ca5a5fc..d4635d5 100644
--- a/pkgs/ui/src/types/index.ts
+++ b/pkgs/ui/src/types/index.ts
@@ -5,6 +5,6 @@ export interface CustomTableConfiguration {
}
export interface ICustomTable {
- configuration: CustomTableConfiguration[],
- data: any
-}
\ No newline at end of file
+ configuration: CustomTableConfiguration[];
+ data: any;
+}