Allow user to login at anytime during registration

ChangePlusPlusVandy · Feb 9, 2024 · 0d2fdc7 · 0d2fdc7
1 parent 374e5de
commit 0d2fdc7
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 0 deletions.
diff --git a/components/Register/RegisterPage1.tsx b/components/Register/RegisterPage1.tsx
@@ -11,6 +11,7 @@ import {
   InputFlex,
   InputText,
   InputContainer,
+  LoginLink,
 } from '@/styles/register.styles';
 import { dateIsValid, formatBirthday, formatPhoneNumber } from '@/utils/utils';
 
@@ -181,6 +182,7 @@ const RegisterPage1 = ({
           {errors.state && printError('State is required')}
           {errors.zip && printError('Zip code is required')}
         </SectionContainer>
+        <LoginLink href="/login">Already have an account? Login here</LoginLink>
       </Form>
 
       <RegisterFlow

diff --git a/components/Register/RegisterPage2.tsx b/components/Register/RegisterPage2.tsx
@@ -17,6 +17,7 @@ import {
   CheckboxContainer,
   InputText,
   Fieldset,
+  LoginLink,
 } from '@/styles/register.styles';
 
 /**
@@ -209,6 +210,7 @@ const RegisterPage2 = ({
           </InputContainer>
           {errors.volunteerReason && printError('A response is required')}
         </SectionContainer>
+        <LoginLink href="/login">Already have an account? Login here</LoginLink>
       </Form>
 
       <RegisterFlow

diff --git a/components/Register/RegisterPage3.tsx b/components/Register/RegisterPage3.tsx
@@ -16,6 +16,7 @@ import {
   InputTextarea,
   JoinNewsletterContainer,
   Fieldset,
+  LoginLink,
 } from '@/styles/register.styles';
 
 const RegisterPage3 = ({
@@ -165,6 +166,7 @@ const RegisterPage3 = ({
 
           {errors.sourceHeardFrom && printError('A response is required')}
         </SectionContainer>
+        <LoginLink href="/login">Already have an account? Login here</LoginLink>
       </Form>
 
       <RegisterFlow

diff --git a/components/Register/RegisterPage4.tsx b/components/Register/RegisterPage4.tsx
@@ -13,6 +13,7 @@ import {
   LabelRadio,
   InputRadio,
   OtherRadio,
+  LoginLink,
 } from '@/styles/register.styles';
 
 const RegisterPage4 = ({
@@ -127,6 +128,7 @@ const RegisterPage4 = ({
             </OtherRadio>
           </InputContainer>
         </SectionContainer>
+        <LoginLink href="/login">Already have an account? Login here</LoginLink>
       </Form>
 
       <RegisterFlow

diff --git a/components/Register/RegisterPage5.tsx b/components/Register/RegisterPage5.tsx
@@ -25,6 +25,7 @@ import {
   Button,
   Fieldset,
   JoinNewsletterContainer,
+  LoginLink,
 } from '@/styles/register.styles';
 
 const RegisterPage5 = ({
@@ -345,6 +346,8 @@ const RegisterPage5 = ({
         </Form>
       </FormBorder>
 
+      <LoginLink href="/login">Already have an account? Login here</LoginLink>
+
       <ButtonContainer>
         <Button form="registerPage5">Submit</Button>
       </ButtonContainer>

diff --git a/styles/register.styles.tsx b/styles/register.styles.tsx
@@ -1,3 +1,4 @@
+import Link from 'next/link';
 import styled from 'styled-components';
 
 /**
@@ -76,6 +77,10 @@ export const FormBorder = styled.div`
   padding: 5px 20px 20px 20px;
 `;
 
+export const LoginLink = styled(Link)`
+  text-decoration: underline;
+`;
+
 /**
  * Form whose formatting adjusts on screen size
  */