1 files changed, 13 insertions, 16 deletions
diff --git a/src/screens/suggestedPeople/AnimatedTutorial.tsx b/src/screens/suggestedPeople/AnimatedTutorial.tsx
index bf34ba6e..f7d62cee 100644
--- a/src/screens/suggestedPeople/AnimatedTutorial.tsx
+++ b/src/screens/suggestedPeople/AnimatedTutorial.tsx
@@ -3,8 +3,8 @@ import React from 'react';
 import {StyleSheet, Text, View} from 'react-native';
 import {Image} from 'react-native-animatable';
 import {SafeAreaView} from 'react-native-safe-area-context';
+import GestureRecognizer from 'react-native-swipe-gestures';
 import {useDispatch, useSelector} from 'react-redux';
-import CloseIcon from '../../assets/ionicons/close-outline.svg';
 import {suggestedPeopleAnimatedTutorialFinished} from '../../store/actions/user';
 import {RootState} from '../../store/rootReducer';
 import {isIPhoneX, SCREEN_WIDTH} from '../../utils';
@@ -20,22 +20,19 @@ const AnimatedTutorial: React.FC = () => {
   };
   return (
     <SafeAreaView>
-      <View style={styles.container}>
-        <CloseIcon
-          height={'10%'}
-          width={'10%'}
-          color={'white'}
-          style={styles.closeButton}
-          onPress={handleCloseAnimationTutorial}
-        />
-        <View style={styles.textContainer}>
-          <Text style={styles.text}>{'Swipe up to discover more people!'}</Text>
+      <GestureRecognizer onSwipeUp={handleCloseAnimationTutorial}>
+        <View style={styles.container}>
+          <View style={styles.textContainer}>
+            <Text style={styles.text}>
+              {'Swipe up to discover more people!'}
+            </Text>
+          </View>
+          <Image
+            source={require('../../assets/gifs/swipe-animation.gif')}
+            style={styles.swipeGif}
+          />
         </View>
-        <Image
-          source={require('../../assets/gifs/swipe-animation.gif')}
-          style={styles.swipeGif}
-        />
-      </View>
+      </GestureRecognizer>
     </SafeAreaView>
   );
 };