From 3797dd4dbabe2d25374c345c2079defb7fa80695 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Tue, 2 Feb 2021 19:02:55 -0500
Subject: adjusted styling

---
 src/screens/onboarding/Login.tsx | 76 ++++------------------------------------
 1 file changed, 6 insertions(+), 70 deletions(-)

(limited to 'src/screens/onboarding/Login.tsx')

diff --git a/src/screens/onboarding/Login.tsx b/src/screens/onboarding/Login.tsx
index 833e36cb..2db039c1 100644
--- a/src/screens/onboarding/Login.tsx
+++ b/src/screens/onboarding/Login.tsx
@@ -11,16 +11,11 @@ import {
   StyleSheet,
   Text,
   TouchableOpacity,
-  View,
 } from 'react-native';
 import SplashScreen from 'react-native-splash-screen';
 import {useDispatch} from 'react-redux';
 import {Background, TaggInput, TaggSquareButton} from '../../components';
-import {
-  LOGIN_ENDPOINT,
-  TAGG_LIGHT_PURPLE,
-  usernameRegex,
-} from '../../constants';
+import {LOGIN_ENDPOINT, usernameRegex} from '../../constants';
 import {
   ERROR_DOUBLE_CHECK_CONNECTION,
   ERROR_FAILED_LOGIN_INFO,
@@ -215,31 +210,6 @@ const Login: React.FC<LoginProps> = ({navigation}: LoginProps) => {
     </TouchableOpacity>
   );
 
-  /**
-   * Login screen registration prompt.
-   */
-  const RegistrationPrompt = () => (
-    <View style={styles.newUserContainer}>
-      <Text
-        accessible={true}
-        accessibilityLabel="New to tagg?"
-        style={styles.newUser}>
-        New to tagg?{' '}
-      </Text>
-      <TouchableOpacity
-        accessibilityLabel="Get started."
-        accessibilityHint="Select this if you do not have a tagg account">
-        <Text
-          accessible={true}
-          accessibilityLabel="Get started"
-          style={styles.getStarted}
-          onPress={startRegistrationProcess}>
-          Get started!
-        </Text>
-      </TouchableOpacity>
-    </View>
-  );
-
   return (
     <Background
       centered
@@ -290,17 +260,15 @@ const Login: React.FC<LoginProps> = ({navigation}: LoginProps) => {
           onPress={handleLogin}
           title={'Login'}
           mode={'normal'}
-          color={'purple'}
+          color={'white'}
         />
         <TaggSquareButton
-          onPress={handleLogin}
-          title={'Login'}
+          onPress={startRegistrationProcess}
+          title={'Sign up'}
           mode={'normal'}
-          color={'white'}
+          color={'purple'}
         />
-        {/* <LoginButton /> */}
       </KeyboardAvoidingView>
-      <RegistrationPrompt />
     </Background>
   );
 };
@@ -326,44 +294,12 @@ const styles = StyleSheet.create({
     paddingBottom: '1%',
     left: '3%',
     borderBottomColor: 'white',
+    marginBottom: '8%',
   },
   forgotPasswordText: {
     fontSize: normalize(14),
     color: '#fff',
   },
-  start: {
-    width: 144,
-    height: 36,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#fff',
-    borderRadius: 18,
-    marginBottom: '15%',
-  },
-  startDisabled: {
-    backgroundColor: '#ddd',
-  },
-  startText: {
-    fontSize: 16,
-    color: '#78a0ef',
-    fontWeight: 'bold',
-  },
-  newUserContainer: {
-    flexDirection: 'row',
-    color: '#fff',
-  },
-  newUser: {
-    fontSize: 14,
-    color: TAGG_LIGHT_PURPLE,
-  },
-  getStarted: {
-    fontSize: 14,
-    color: '#fff',
-    textDecorationLine: 'underline',
-  },
-  button: {
-    marginVertical: '10%',
-  },
 });
 
 export default Login;
-- 
cgit v1.2.3-70-g09d2

