From c6ef46133cddb72d6a7c91e538d9da3f6b8165f4 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Fri, 3 Jan 2025 11:17:55 -0800
Subject: [PATCH] safe data access, add default empty view

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

diff --git a/Client/src/Components/Table/index.jsx b/Client/src/Components/Table/index.jsx
index 361d32762..570460d30 100644
--- a/Client/src/Components/Table/index.jsx
+++ b/Client/src/Components/Table/index.jsx
@@ -32,7 +32,7 @@ import { useTheme } from "@emotion/react";
  * @returns {JSX.Element} The rendered table component.
  */
 
-const DataTable = ({ headers, data, config }) => {
+const DataTable = ({ headers, data, config = { emptyView: "No data" } }) => {
 	const theme = useTheme();
 
 	if ((headers?.length ?? 0) === 0) {
@@ -58,7 +58,7 @@ const DataTable = ({ headers, data, config }) => {
 					</TableRow>
 				</TableHead>
 				<TableBody>
-					{data.length === 0 ? (
+					{(data?.length ?? 0 === 0) ? (
 						<TableRow>
 							<TableCell
 								colSpan={headers.length}