[TMA-280] Add coming soon (#73)

* move async-storage

* removed lock files

* added lock files to gitignore

* added the wrong file to gitignore

* added coming soon screens

* moved search next to profile

* Added the right icons and abstracted cs to ComingSoon.tsx

* Update Checkpoint.tsx

Co-authored-by: Ashm Walia <ashmwalia@outlook.com>

1 files changed, 51 insertions, 0 deletions

diff --git a/src/components/common/ComingSoon.tsx b/src/components/common/ComingSoon.tsx
new file mode 100644
index 00000000..5e1414e2
--- /dev/null
+++ b/src/components/common/ComingSoon.tsx
@@ -0,0 +1,51 @@
+import * as React from 'react';
+import {StyleSheet, View, Text, Image} from 'react-native';
+import {Background} from '../onboarding';
+
+const ComingSoon: React.FC = () => {
+  return (
+    <Background style={styles.container}>
+      <View style={styles.textContainer}>
+        <Text style={styles.header}>Coming Soon</Text>
+        <Text style={styles.subtext}>
+          Stay tuned! We are working on constructing this page
+        </Text>
+      </View>
+      <Image
+        source={require('../../assets/images/coming-soon.png')}
+        style={styles.image}
+      />
+    </Background>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+  },
+  image: {
+    width: 400,
+    height: 400,
+  },
+  textContainer: {
+    marginTop: '30%',
+  },
+  header: {
+    color: '#fff',
+    fontSize: 32,
+    fontWeight: '600',
+    textAlign: 'center',
+    marginBottom: '4%',
+    marginHorizontal: '10%',
+  },
+  subtext: {
+    color: '#fff',
+    fontSize: 16,
+    fontWeight: '600',
+    textAlign: 'center',
+    marginBottom: '16%',
+    marginHorizontal: '10%',
+  },
+});
+export default ComingSoon;