make table title dynamic

niteshbalusu11 · Nov 8, 2022 · dd3e15d · dd3e15d
1 parent 26fc584
commit dd3e15d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/client/dashboard/PendingChart.tsx b/src/client/dashboard/PendingChart.tsx
@@ -31,7 +31,7 @@ const PendingChart = () => {
   }, []);
 
   resgisterCharts();
-  return !!data && !!data.length ? <BasicTable rows={data} /> : null;
+  return !!data && !!data.length ? <BasicTable rows={data} title={'Pending Things'} /> : null;
 };
 
 export default PendingChart;
diff --git a/src/client/standard_components/app-components/BasicTable.tsx b/src/client/standard_components/app-components/BasicTable.tsx
@@ -8,22 +8,25 @@ import TableContainer from '@mui/material/TableContainer';
 import TableHead from '@mui/material/TableHead';
 import TableRow from '@mui/material/TableRow';
 
+// Creates a basic table with rows and title.
+
 function createData(data: string) {
   return { data };
 }
 
 type Args = {
   rows: string[];
+  title: string;
 };
-const BasicTable = ({ rows }: Args) => {
+const BasicTable = ({ rows, title }: Args) => {
   const data = rows.map(n => createData(n));
 
   return (
     <TableContainer component={Paper}>
       <Table sx={{ minWidth: 650 }} aria-label="simple table">
         <TableHead>
           <TableRow>
-            <TableCell align="left">Pending Things</TableCell>
+            <TableCell align="left">{title}</TableCell>
           </TableRow>
         </TableHead>
         <TableBody>