Fix not being able to renew membership

Clay McGinnis · Clay McGinnis · commit e606b70a6a85 · 2020-09-17T23:59:43.000-05:00
diff --git a/apps/web/src/screens/HomePage/sections/Membership/index.tsx b/apps/web/src/screens/HomePage/sections/Membership/index.tsx
@@ -155,28 +155,29 @@ const Membership: React.FC = (): JSX.Element => {
         </Modal>
         <PageConstraint>
           <Heading>
-            <Icon name="people" size="large" fill="#777" /> Become a Member
+            <Icon name="people" size="large" fill="#777" />
+            {' '}
+            Become a Member
           </Heading>
           <Description>
             Become a dues-paying member of S&T ACM and receive many benefits
             including:
           </Description>
           <BenefitList>{membershipBenefits}</BenefitList>
-          {!expirationDate && (
+          {expirationDate && new Date(expirationDate) > new Date() && (
+          <TierList>
+            <ConfirmationContainer date={expirationDate} />
+          </TierList>
+          ) || (
             <TierList>
-              <TierContainer onClick={setYearly} title={"Yearly"} cost={"20"} />
+              <TierContainer onClick={setYearly} title="Yearly" cost="20" />
               <TierContainer
                 onClick={setSemesterly}
-                title={"Semesterly"}
-                cost={"11"}
+                title="Semesterly"
+                cost="11"
               />
             </TierList>
           )}
-          {expirationDate && (
-            <TierList>
-              <ConfirmationContainer date={expirationDate} />
-            </TierList>
-          )}
         </PageConstraint>
       </MembershipWrapper>
     </Element>
