From d495bff07b50c47e842dc2c139922d56c87f5c9b Mon Sep 17 00:00:00 2001
From: Ashm Walia <40498934+ashmgarv@users.noreply.github.com>
Date: Tue, 12 Jan 2021 15:38:21 -0800
Subject: [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
---
 src/components/common/TaggPrompt.tsx | 79 ++++++++++++++++++++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 src/components/common/TaggPrompt.tsx

(limited to 'src/components/common/TaggPrompt.tsx')

diff --git a/src/components/common/TaggPrompt.tsx b/src/components/common/TaggPrompt.tsx
new file mode 100644
index 00000000..5cd3ac3f
--- /dev/null
+++ b/src/components/common/TaggPrompt.tsx
@@ -0,0 +1,79 @@
+import * as React from 'react';
+import {Platform, Text, StyleSheet, TouchableOpacity} from 'react-native';
+import {Image, View} from 'react-native-animatable';
+import {SCREEN_HEIGHT} from '../../utils';
+import CloseIcon from '../../assets/ionicons/close-outline.svg';
+
+type TaggPromptProps = {
+  messageHeader: string;
+  messageBody: string;
+  logoType: string;
+  onClose: () => void;
+};
+
+const TaggPrompt: React.FC<TaggPromptProps> = ({
+  messageHeader,
+  messageBody,
+  logoType,
+  onClose,
+}) => {
+  /**
+   * Generic prompt for Tagg
+   */
+
+  return (
+    <View style={styles.container}>
+      <Image
+        style={styles.icon}
+        source={require('../../assets/icons/plus-logo.png')}
+      />
+      <Text style={styles.header}>{messageHeader}</Text>
+      <Text style={styles.subtext}>{messageBody}</Text>
+      <TouchableOpacity
+        style={styles.closeButton}
+        onPress={() => {
+          onClose();
+        }}>
+        <CloseIcon height={'50%'} width={'50%'} color="gray" />
+      </TouchableOpacity>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'white',
+    height: SCREEN_HEIGHT / 4.5,
+    paddingTop: SCREEN_HEIGHT / 10,
+    paddingBottom: SCREEN_HEIGHT / 50,
+  },
+  closeButton: {
+    position: 'relative',
+    height: '40%',
+    bottom: SCREEN_HEIGHT / 6,
+    aspectRatio: 1,
+    alignSelf: 'flex-end',
+  },
+  icon: {
+    width: 40,
+    height: 40,
+  },
+  header: {
+    color: 'black',
+    fontSize: 16,
+    fontWeight: '600',
+    textAlign: 'center',
+    marginTop: '2%',
+  },
+  subtext: {
+    color: 'gray',
+    fontSize: 12,
+    fontWeight: '500',
+    textAlign: 'center',
+    marginTop: '2%',
+  },
+});
+export default TaggPrompt;
-- 
cgit v1.2.3-70-g09d2

