initial work

1 files changed, 14 insertions, 16 deletions

diff --git a/src/screens/onboarding/Login.tsx b/src/screens/onboarding/Login.tsx
index 63296ede..833e36cb 100644
--- a/src/screens/onboarding/Login.tsx
+++ b/src/screens/onboarding/Login.tsx
@@ -15,7 +15,7 @@ import {
 } from 'react-native';
 import SplashScreen from 'react-native-splash-screen';
 import {useDispatch} from 'react-redux';
-import {Background, SubmitButton, TaggInput} from '../../components';
+import {Background, TaggInput, TaggSquareButton} from '../../components';
 import {
   LOGIN_ENDPOINT,
   TAGG_LIGHT_PURPLE,
@@ -216,20 +216,6 @@ const Login: React.FC<LoginProps> = ({navigation}: LoginProps) => {
   );
 
   /**
-   * Login screen login button.
-   */
-  const LoginButton = () => (
-    <SubmitButton
-      text="Let's Start!"
-      color="#fff"
-      style={styles.button}
-      accessibilityLabel="Let's Start!"
-      accessibilityHint="Select this after entering your tagg username and password"
-      onPress={handleLogin}
-    />
-  );
-
-  /**
    * Login screen registration prompt.
    */
   const RegistrationPrompt = () => (
@@ -300,7 +286,19 @@ const Login: React.FC<LoginProps> = ({navigation}: LoginProps) => {
           ref={inputRef}
         />
         <ForgotPassword />
-        <LoginButton />
+        <TaggSquareButton
+          onPress={handleLogin}
+          title={'Login'}
+          mode={'normal'}
+          color={'purple'}
+        />
+        <TaggSquareButton
+          onPress={handleLogin}
+          title={'Login'}
+          mode={'normal'}
+          color={'white'}
+        />
+        {/* <LoginButton /> */}
       </KeyboardAvoidingView>
       <RegistrationPrompt />
     </Background>