[TMA 472] Added option to be added to Taggs wait list (#168)

* Added screens to add to waitlist and a page to display on success of the same

* Incorporated small comment

3 files changed, 14 insertions, 5 deletions

diff --git a/src/components/onboarding/TaggBigInput.tsx b/src/components/onboarding/TaggBigInput.tsx
index ba965465..4e8e1ef7 100644
--- a/src/components/onboarding/TaggBigInput.tsx
+++ b/src/components/onboarding/TaggBigInput.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import {View, TextInput, StyleSheet, TextInputProps} from 'react-native';
 import * as Animatable from 'react-native-animatable';
+import {TAGG_LIGHT_PURPLE} from '../../constants';
 
 interface TaggBigInputProps extends TextInputProps {
   valid?: boolean;
@@ -55,7 +56,7 @@ const styles = StyleSheet.create({
   warning: {
     fontSize: 14,
     marginTop: 5,
-    color: '#f4ddff',
+    color: TAGG_LIGHT_PURPLE,
     maxWidth: 350,
     textAlign: 'center',
   },
diff --git a/src/components/onboarding/TaggInput.tsx b/src/components/onboarding/TaggInput.tsx
index 12d99325..405564ab 100644
--- a/src/components/onboarding/TaggInput.tsx
+++ b/src/components/onboarding/TaggInput.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import {View, TextInput, StyleSheet, TextInputProps} from 'react-native';
 import * as Animatable from 'react-native-animatable';
+import {TAGG_LIGHT_PURPLE} from '../../constants';
 
 interface TaggInputProps extends TextInputProps {
   valid?: boolean;
@@ -52,7 +53,7 @@ const styles = StyleSheet.create({
   warning: {
     fontSize: 14,
     marginTop: 5,
-    color: '#f4ddff',
+    color: TAGG_LIGHT_PURPLE,
     maxWidth: 350,
     textAlign: 'center',
   },
diff --git a/src/components/onboarding/TermsAndConditionsText.tsx b/src/components/onboarding/TermsAndConditionsText.tsx
index 39450667..2102d613 100644
--- a/src/components/onboarding/TermsAndConditionsText.tsx
+++ b/src/components/onboarding/TermsAndConditionsText.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
-import {StyleSheet, Text} from 'react-native';
+import {Linking, StyleSheet, Text} from 'react-native';
+import {TAGG_WEBSITE} from '../../constants';
 
 const TermsAndConditionsText: React.FC = () => {
   const textWithBulletPoint = (data: string, style: object) => {
@@ -550,8 +551,14 @@ const TermsAndConditionsText: React.FC = () => {
         By email: <Text style={styles.link}>support@tagg.id</Text>
       </Text>
       <Text style={styles.paraLeftAlign}>
-        By visiting this page on our website:{' '}
-        <Text style={styles.link}>https://www.tagg.id/</Text>
+        By visiting this page on our{' '}
+        <Text
+          style={styles.link}
+          onPress={() => {
+            Linking.openURL(TAGG_WEBSITE + 'terms-and-conditions/');
+          }}>
+          website
+        </Text>
       </Text>
     </React.Fragment>
   );