From c758389ad2ebe98196d4618ec08dbf2b24d95bfa Mon Sep 17 00:00:00 2001
From: Ashm Walia <40498934+ashmgarv@users.noreply.github.com>
Date: Tue, 12 Jan 2021 13:35:33 -0800
Subject: [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
---
 src/components/onboarding/TaggBigInput.tsx           |  3 ++-
 src/components/onboarding/TaggInput.tsx              |  3 ++-
 src/components/onboarding/TermsAndConditionsText.tsx | 13 ++++++++++---
 3 files changed, 14 insertions(+), 5 deletions(-)

(limited to 'src/components/onboarding')

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>
   );
-- 
cgit v1.2.3-70-g09d2