disable reg buttons, change reg date

nwplus · Sep 20, 2023 · 6ac6430 · 6ac6430
1 parent 34c7bb5
commit 6ac6430
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 11 deletions.
diff --git a/src/components/Button.jsx b/src/components/Button.jsx
@@ -13,13 +13,14 @@ const StyledButton = styled.a`
   border-radius: ${p => p.borderRadius};
   display: flex;
   justify-content: center;
-  font-size: 1.12rem;
+  font-size: ${p => p.fontSize ? p.fontSize : '1.12rem'};
   align-items: center;
   text-decoration: none;
+
   &:hover {
-    cursor: pointer;
+    cursor: ${p => p.disabled ? 'not-allowed' : 'pointer'};
     text-decoration: none;
-    filter: brightness(0.9);
+    filter: ${p => p.disabled ? '' : 'brightness(0.9)'};
     color: ${p => p.textColor};
   }
   transition: filter 0.13s ease-in;
@@ -49,7 +50,8 @@ export default function Button({
   secondary = false,
   isHover = false,
   isGradientText = false,
-  isOutline = false
+  isOutline = false,
+  disabled = false
 }) {
   return (
     <StyledButton
@@ -64,7 +66,9 @@ export default function Button({
       secondary={secondary}
       isHover={isHover}
       isGradientText={isGradientText}
-      isOutline={isOutline}>
+      isOutline={isOutline}
+      disabled={disabled}
+    >
       {children}
     </StyledButton>
   )

diff --git a/src/sections/Count.jsx b/src/sections/Count.jsx
@@ -164,7 +164,7 @@ const useCountdown = (targetDate) => {
 export { useCountdown }
 
 const Count = () => {
-  const countDownDate = new Date('Oct 28, 2023 00:00:00').getTime()
+  const countDownDate = new Date('Oct 6, 2023 00:00:00').getTime()
   const [days, hours, minutes] = useCountdown(countDownDate)
 
   const twoify = (num) => {
@@ -194,7 +194,7 @@ const Count = () => {
     <InfoContainer>
       <BgScroll />
       <TextContainer>
-        <StyledTitle>Registration closes in:</StyledTitle>
+        <StyledTitle>Registration opens in:</StyledTitle>
         <DaysTextContainer>
           <ShadowText text={`${count.days[0]}${count.days[1]} Days`}>
             {`${count.days[0]}${count.days[1]} Days`}

diff --git a/src/sections/Register.jsx b/src/sections/Register.jsx
@@ -195,11 +195,14 @@ export default function Register() {
               // href="https://forms.gle/GQ3k8ZbtfULfVYxq6"
               width='205px'
               height='50px'
+              fontSize='0.75rem'
               borderRadius='6px'
               textColor='#2C2543'
               backgroundColor="#00DBCE"
-              isHover>
-              Apply Now
+              isHover
+              disabled
+            >
+              Applications Open October 6th!
             </Button>
             <Button
               isOutline
@@ -208,12 +211,15 @@ export default function Register() {
               // href="https://docs.google.com/forms/d/e/1FAIpQLScA2RtmikDSTaeLqi7vadLDq4Wom4N9N1wDVZu0rpZ5Xk2sow/viewform"
               width='205px'
               height='50px'
+              fontSize='0.75rem'
               borderRadius='6px'
               borderColor="#00DBCE"
               textColor="#00DBCE"
               backgroundColor="transparent"
-              isHover>
-              Become a Mentor
+              isHover
+              disabled
+            >
+              Applications Open October 6th!
             </Button>
           </ButtonContainer>
         </MediaContainer>