[TMA 491 Frontend] Revamp onboarding (#173)

* First commit, arrow excluded

* Done from my side

* Some small nitpicks

* exclude tsconfig

* Show profile screen after onboarding

* Update string

* Small fix

* small cosmetic

1 files changed, 12 insertions, 7 deletions

diff --git a/src/components/common/TaggPopup.tsx b/src/components/common/TaggPopup.tsx
index db24adb8..86a472b1 100644
--- a/src/components/common/TaggPopup.tsx
+++ b/src/components/common/TaggPopup.tsx
@@ -31,7 +31,11 @@ const TaggPopup: React.FC<TaggPopupProps> = ({route, navigation}) => {
   const {messageHeader, messageBody, next} = route.params.popupProps;
 
   return (
-    <View style={styles.container}>
+    <TouchableOpacity
+      style={styles.container}
+      onPressOut={() => {
+        navigation.goBack();
+      }}>
       <View style={styles.popup}>
         <Image
           style={styles.icon}
@@ -61,7 +65,7 @@ const TaggPopup: React.FC<TaggPopupProps> = ({route, navigation}) => {
           />
         </View>
       )}
-    </View>
+    </TouchableOpacity>
   );
 };
 
@@ -92,23 +96,23 @@ const styles = StyleSheet.create({
   },
   header: {
     color: '#fff',
-    fontSize: 16,
+    fontSize: SCREEN_WIDTH / 25,
     fontWeight: '600',
     textAlign: 'justify',
     marginBottom: '2%',
-    marginHorizontal: '2%',
+    marginLeft: '4%',
   },
   subtext: {
     color: '#fff',
-    fontSize: 12,
+    fontSize: SCREEN_WIDTH / 30,
     fontWeight: '600',
     textAlign: 'justify',
     marginBottom: '15%',
-    marginHorizontal: '2%',
+    marginLeft: '3%',
   },
   popup: {
     width: SCREEN_WIDTH * 0.8,
-    height: SCREEN_WIDTH * 0.2,
+    height: SCREEN_WIDTH * 0.24,
     backgroundColor: 'black',
     borderRadius: 8,
     flexDirection: 'row',
@@ -116,6 +120,7 @@ const styles = StyleSheet.create({
     flexWrap: 'wrap',
     position: 'absolute',
     bottom: SCREEN_HEIGHT * 0.7,
+    padding: SCREEN_WIDTH / 40,
   },
   footer: {
     marginLeft: '50%',