From 016cd6976349750e68e12018d0c2f3c93c684395 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Thu, 30 Jan 2025 14:24:46 -0800
Subject: [PATCH] Add shouldRender prop to table

---
 Client/src/Components/Table/index.jsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/Client/src/Components/Table/index.jsx b/Client/src/Components/Table/index.jsx
index 54e47ed1f..b716038e9 100644
--- a/Client/src/Components/Table/index.jsx
+++ b/Client/src/Components/Table/index.jsx
@@ -7,6 +7,7 @@ import {
 	TableHead,
 	TableRow,
 } from "@mui/material";
+import SkeletonLayout from "./skeleton";
 import PropTypes from "prop-types";
 import { useTheme } from "@emotion/react";
 
@@ -33,6 +34,7 @@ import { useTheme } from "@emotion/react";
  */
 
 const DataTable = ({
+	shouldRender = true,
 	headers = [],
 	data = [],
 	config = {
@@ -41,6 +43,10 @@ const DataTable = ({
 	},
 }) => {
 	const theme = useTheme();
+	if (!shouldRender) {
+		return <SkeletonLayout />;
+	}
+
 	if ((headers?.length ?? 0) === 0) {
 		return "No data";
 	}
@@ -117,6 +123,7 @@ const DataTable = ({
 };
 
 DataTable.propTypes = {
+	shouldRender: PropTypes.bool,
 	headers: PropTypes.arrayOf(
 		PropTypes.shape({
 			id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,