From d5afd357cadebfcc4496dc002eda1e4089efdc67 Mon Sep 17 00:00:00 2001
From: jpt1729 <john.tan-aristy@csedge.org>
Date: Tue, 17 Sep 2024 20:46:17 -0500
Subject: [PATCH] added disabled button to slack page

---
 components/submit.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/submit.js b/components/submit.js
index 764cb82c..c406f6ec 100644
--- a/components/submit.js
+++ b/components/submit.js
@@ -18,6 +18,10 @@ const bg = {
     bg: 'orange',
     backgroundImage: theme.util.gx('orange', 'red'),
     boxShadow: `0 0 0 1px ${theme.colors.white}, 0 0 0 4px ${theme.colors.primary}`
+  },
+  disabled: {
+    bg: 'gray',
+    backgroundImage: theme.util.gx('gray', 'gray'),
   }
 }
 
@@ -37,6 +41,7 @@ const Submit = ({
   },
   width = '100%',
   sx,
+  disabled,
   ...props
 }) => (
   <Button
@@ -48,10 +53,10 @@ const Submit = ({
       mt: 3,
       fontSize: 2,
       width,
-      ...(status === 'submitting' ? submitting : bg[status]),
+      ...(disabled ? bg['disabled'] : (status === 'submitting' ? submitting : bg[status])),
       ...sx
     }}
-    disabled={status === 'submitting'}
+    disabled={status === 'submitting' || disabled}
     {...props}
   >
     {status === 'submitting' ? 'Submitting…' : labels[status]}