From 92087b8c3f9716501fbc2163da9bfdfc49a796c6 Mon Sep 17 00:00:00 2001
From: Pablo Velez Vidal <pablovv2016@gmail.com>
Date: Thu, 27 Oct 2022 13:22:55 +0200
Subject: [PATCH] add the sign in handler

---
 app/screens/onboarding/index.tsx     |  6 +++++-
 app/screens/onboarding/paginator.tsx | 20 +++++++++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/app/screens/onboarding/index.tsx b/app/screens/onboarding/index.tsx
index e076fa92e..1ffee91a1 100644
--- a/app/screens/onboarding/index.tsx
+++ b/app/screens/onboarding/index.tsx
@@ -40,6 +40,9 @@ const Onboarding = ({
             console.log('*** end of slide');
         }
     };
+    const signInHandler = () => {
+        console.log('sign in handler');
+    };
 
     const transform = useAnimatedStyle(() => {
         const duration = Platform.OS === 'android' ? 250 : 350;
@@ -81,7 +84,7 @@ const Onboarding = ({
                     renderItem={renderSlide}
                     listKey={generateId()}
                     horizontal={true}
-                    showsHorizontalScrollIndicator={true}
+                    showsHorizontalScrollIndicator={false}
                     pagingEnabled={true}
                     bounces={false}
                     onScroll={Animated.event([{nativeEvent: {contentOffset: {x: scrollX}}}], {
@@ -98,6 +101,7 @@ const Onboarding = ({
                 theme={theme}
                 scrollX={scrollX}
                 nextSlideHandler={nextSlide}
+                signInHandler={signInHandler}
             />
         </View>
     );
diff --git a/app/screens/onboarding/paginator.tsx b/app/screens/onboarding/paginator.tsx
index 83b9de914..3bca52537 100644
--- a/app/screens/onboarding/paginator.tsx
+++ b/app/screens/onboarding/paginator.tsx
@@ -15,6 +15,7 @@ type Props = {
     theme: Theme;
     scrollX: any;
     nextSlideHandler: any;
+    signInHandler: any;
 };
 
 const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
@@ -42,7 +43,13 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
     },
 }));
 
-const Paginator = ({theme, data, scrollX, nextSlideHandler}: Props) => {
+const Paginator = ({
+    theme,
+    data,
+    scrollX,
+    nextSlideHandler,
+    signInHandler,
+}: Props) => {
     const styles = getStyleSheet(theme);
     const {width} = useWindowDimensions();
 
@@ -89,6 +96,17 @@ const Paginator = ({theme, data, scrollX, nextSlideHandler}: Props) => {
                         style={styles.rowIcon}
                     />
                 </Button>
+                <Button
+                    testID='mobile.onboaring.sign_in'
+                    onPress={() => signInHandler()}
+                    containerStyle={[styles.button, buttonBackgroundStyle(theme, 'lg', 'link', 'default')]}
+                >
+                    <FormattedText
+                        id='mobile.onboarding.sign_in'
+                        defaultMessage='Sign in'
+                        style={buttonTextStyle(theme, 'm', 'primary', 'inverted')}
+                    />
+                </Button>
             </View>
         </View>
     );