From 577c0b5d196d0406aae6bd60fe6b14a72decb509 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Tue, 28 Jan 2025 15:38:14 -0800
Subject: [PATCH] Safe property access in fallback

---
 Client/src/Components/Fallback/index.jsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/Client/src/Components/Fallback/index.jsx b/Client/src/Components/Fallback/index.jsx
index 48d9e2198..e5029d276 100644
--- a/Client/src/Components/Fallback/index.jsx
+++ b/Client/src/Components/Fallback/index.jsx
@@ -32,12 +32,14 @@ const Fallback = ({ title, checks, link = "/", isAdmin, vowelStart = false }) =>
 			border={1}
 			borderColor={theme.palette.primary.lowContrast}
 			borderRadius={theme.shape.borderRadius}
-			borderStyle="dashed"
 			backgroundColor={theme.palette.primary.main}
 			overflow="hidden"
+			sx={{
+				borderStyle: "dashed",
+			}}
 		>
 			<Stack
-				className={`fallback__${title.trim().split(" ")[0]}`}
+				className={`fallback__${title?.trim().split(" ")[0]}`}
 				alignItems="center"
 				gap={theme.spacing(20)}
 			>
@@ -68,7 +70,7 @@ const Fallback = ({ title, checks, link = "/", isAdmin, vowelStart = false }) =>
 					>
 						{vowelStart ? "An" : "A"} {title} is used to:
 					</Typography>
-					{checks.map((check, index) => (
+					{checks?.map((check, index) => (
 						<Check
 							text={check}
 							key={`${title.trim().split(" ")[0]}-${index}`}