From 6cedf992a75440060e808f4b4a85993a8ad71e6a Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Tue, 4 Feb 2025 14:05:39 -0800
Subject: [PATCH] add styles for error button loading state

---
 Client/src/Utils/Theme/globalTheme.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/Client/src/Utils/Theme/globalTheme.js b/Client/src/Utils/Theme/globalTheme.js
index 0258d75e9..e019b38b9 100644
--- a/Client/src/Utils/Theme/globalTheme.js
+++ b/Client/src/Utils/Theme/globalTheme.js
@@ -53,6 +53,18 @@ const baseTheme = (palette) => ({
 								},
 							},
 						},
+						{
+							props: (props) => props.color === "error",
+							style: {
+								"&.Mui-disabled": {
+									backgroundColor: theme.palette.error.lowContrast,
+								},
+								"& .MuiButton-loadingIndicator": {
+									// styles for error variant loading indicator
+									color: theme.palette.error.contrastText,
+								},
+							},
+						},
 						{
 							props: (props) => props.variant === "group",
 							style: {