From a7957ac7adde345f7aa3357786ec365ed7d33f53 Mon Sep 17 00:00:00 2001
From: chocoboash <anleal2004@gmail.com>
Date: Mon, 2 Sep 2024 16:55:08 -0400
Subject: [PATCH] disable homepage registration button

---
 client/src/pages/Home/Home.jsx | 56 ++++++++++++++++++++++++----------
 1 file changed, 40 insertions(+), 16 deletions(-)

diff --git a/client/src/pages/Home/Home.jsx b/client/src/pages/Home/Home.jsx
index 2f6538e8..1079f9d8 100644
--- a/client/src/pages/Home/Home.jsx
+++ b/client/src/pages/Home/Home.jsx
@@ -69,20 +69,48 @@ const HomePageHeader = () => {
 
 const HomeHeaderButton = () => {
   const loggedIn = useSelector(loggedInSelector);
+  const [isRegistrationOpen, setIsRegistrationOpen] = useState(false);
 
   return (
     <>
-      <Link
-        key={loggedIn ? '/profile' : '/sign-up'}
-        to={loggedIn ? '/profile' : '/sign-up'}
-        style={{ textDecoration: 'none' }}
-        className="no-link-style"
-      >
+      {isRegistrationOpen || loggedIn ? (
+        <Link
+          key={loggedIn ? '/profile' : '/sign-up'}
+          to={loggedIn ? '/profile' : '/sign-up'}
+          style={{ textDecoration: 'none' }}
+          className="no-link-style"
+        >
+          <div className="home-page-header-register-button">
+            <div className="desktop-only">
+              <Button
+                label={loggedIn ? 'View Profile' : 'Register Now!'}
+                isSecondary
+                style={{
+                  margin: '0px',
+                  height: '100%',
+                  fontSize: 'unset',
+                  display: 'flex',
+                  justifyContent: 'center',
+                  alignItems: 'center',
+                }}
+              />
+            </div>
+            <div className="mobile-only">
+              <Button
+                label={loggedIn ? 'View Profile' : 'Register Now!'}
+                isSecondary
+                style={{ margin: '0px' }}
+              />
+            </div>
+          </div>
+        </Link>
+      ) : (
         <div className="home-page-header-register-button">
           <div className="desktop-only">
             <Button
-              label={loggedIn ? 'View Profile' : 'Register Now!'}
+              label="Registration Closed"
               isSecondary
+              isDisabled
               style={{
                 margin: '0px',
                 height: '100%',
@@ -91,24 +119,20 @@ const HomeHeaderButton = () => {
                 justifyContent: 'center',
                 alignItems: 'center',
               }}
-              // hidden button xD
-              // style={{
-              // width: '0.px',
-              // height: '0.px',
-              // fontSize: '0px',
-              // opacity: '0',
-              // }}
+              disabled
             />
           </div>
           <div className="mobile-only">
             <Button
-              label={loggedIn ? 'View Profile' : 'Register Now!'}
+              label="Registration Closed"
               isSecondary
+              isDisabled
               style={{ margin: '0px' }}
+              disabled
             />
           </div>
         </div>
-      </Link>
+      )}
     </>
   );
 };