1 files changed, 28 insertions, 1 deletions
diff --git a/src/screens/onboarding/InvitationCodeVerification.tsx b/src/screens/onboarding/InvitationCodeVerification.tsx
index a9d1c12e..cc7cd678 100644
--- a/src/screens/onboarding/InvitationCodeVerification.tsx
+++ b/src/screens/onboarding/InvitationCodeVerification.tsx
@@ -10,7 +10,10 @@ import {
   LoadingIndicator,
 } from '../../components';
 
-import {VERIFY_INVITATION_CODE_ENDPOUNT} from '../../constants';
+import {
+  TAGG_LIGHT_PURPLE,
+  VERIFY_INVITATION_CODE_ENDPOUNT,
+} from '../../constants';
 
 import {Text} from 'react-native-animatable';
 import {
@@ -83,6 +86,10 @@ const InvitationCodeVerification: React.FC<InvitationCodeVerificationProps> = ({
     }
   };
 
+  const navigateToAddWaitList = () => {
+    navigation.navigate('AddWaitlistUser');
+  };
+
   const Footer = () => (
     <View style={styles.footer}>
       <ArrowButton
@@ -131,6 +138,13 @@ const InvitationCodeVerification: React.FC<InvitationCodeVerificationProps> = ({
           accessibilityHint="Select this after entering your invitation code"
           onPress={handleInvitationCodeVerification}
         />
+        <View style={styles.noInviteCode}>
+          <Text style={styles.inviteCodeText}>Don't have an invite? </Text>
+          <Text style={styles.inviteCodeLink} onPress={navigateToAddWaitList}>
+            {' '}
+            Join the Waitlist
+          </Text>
+        </View>
         <LoadingIndicator />
       </KeyboardAvoidingView>
       <Footer />
@@ -206,6 +220,19 @@ const styles = StyleSheet.create({
       },
     }),
   },
+  noInviteCode: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+  },
+  inviteCodeText: {
+    color: TAGG_LIGHT_PURPLE,
+    fontSize: 18,
+  },
+  inviteCodeLink: {
+    color: 'white',
+    fontSize: 18,
+    textDecorationLine: 'underline',
+  },
 });
 
 export default InvitationCodeVerification;