From d48119be38e1dd3f0abc8a4b61c11aa4d0635810 Mon Sep 17 00:00:00 2001
From: Husam Salhab <47015061+hsalhab@users.noreply.github.com>
Date: Mon, 26 Oct 2020 18:50:54 -0400
Subject: [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>
---
 src/screens/main/Home.tsx             | 59 ++---------------------------------
 src/screens/main/Notifications.tsx    | 17 ++--------
 src/screens/main/Upload.tsx           | 17 ++--------
 src/screens/onboarding/Checkpoint.tsx |  4 +--
 4 files changed, 9 insertions(+), 88 deletions(-)

(limited to 'src/screens')

diff --git a/src/screens/main/Home.tsx b/src/screens/main/Home.tsx
index 7b6f1aaf..729a7a22 100644
--- a/src/screens/main/Home.tsx
+++ b/src/screens/main/Home.tsx
@@ -1,8 +1,5 @@
 import React from 'react';
-import {StyleSheet, View, TouchableOpacity, Text} from 'react-native';
-import {GradientBackground, SocialMediaLinker} from '../../components';
-import {LinkerType} from 'src/types';
-import {SOCIAL_LIST} from '../../constants/';
+import {ComingSoon} from '../../components';
 
 /**
  * Home Screen for displaying Tagg post suggestions
@@ -10,59 +7,7 @@ import {SOCIAL_LIST} from '../../constants/';
  */
 
 const Home: React.FC = () => {
-  const linkers: Array<LinkerType> = [];
-  const [state, setState] = React.useState({
-    showMore: false,
-  });
-
-  let numSocials: Number = state.showMore ? 9 : 3;
-
-  for (let i = 0; i < numSocials; i++) {
-    let linker: LinkerType = {
-      label: SOCIAL_LIST[i],
-    };
-    linkers.push(linker);
-  }
-
-  const handleShowPress = () => {
-    setState({
-      ...state,
-      showMore: !state.showMore,
-    });
-  };
-
-  return (
-    <GradientBackground>
-      <View style={styles.container}>
-        {linkers.map((linker, index) => (
-          <SocialMediaLinker key={index} social={linker} />
-        ))}
-        <TouchableOpacity onPress={handleShowPress} style={styles.show}>
-          {state.showMore && <Text>Show Less 🔼</Text>}
-          {!state.showMore && <Text>Show More 🔽</Text>}
-        </TouchableOpacity>
-      </View>
-    </GradientBackground>
-  );
+  return <ComingSoon />;
 };
 
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    height: '19%',
-    flexWrap: 'wrap',
-    justifyContent: 'center',
-    alignContent: 'center',
-  },
-  show: {
-    borderColor: '#fff',
-    borderWidth: 1,
-    borderRadius: 3,
-    paddingHorizontal: '2%',
-    paddingVertical: '1%',
-    marginVertical: '3%',
-    marginLeft: '65%',
-  },
-});
-
 export default Home;
diff --git a/src/screens/main/Notifications.tsx b/src/screens/main/Notifications.tsx
index db89d7f9..ca8c41c3 100644
--- a/src/screens/main/Notifications.tsx
+++ b/src/screens/main/Notifications.tsx
@@ -1,7 +1,5 @@
 import React from 'react';
-import {Text} from 'react-native-animatable';
-import {StyleSheet} from 'react-native';
-import {GradientBackground} from '../../components';
+import {ComingSoon} from '../../components';
 
 /**
  * Navigation Screen for displaying other users'
@@ -9,16 +7,7 @@ import {GradientBackground} from '../../components';
  */
 
 const Notifications: React.FC = () => {
-  return (
-    <GradientBackground>
-      <Text style={styles.text}> Notifications will go here 🔔 </Text>
-    </GradientBackground>
-  );
+  return <ComingSoon />;
 };
-const styles = StyleSheet.create({
-  text: {
-    justifyContent: 'center',
-    backgroundColor: 'transparent',
-  },
-});
+
 export default Notifications;
diff --git a/src/screens/main/Upload.tsx b/src/screens/main/Upload.tsx
index d91af1f5..fc089aec 100644
--- a/src/screens/main/Upload.tsx
+++ b/src/screens/main/Upload.tsx
@@ -1,24 +1,11 @@
 import React from 'react';
-import {Text} from 'react-native-animatable';
-import {StyleSheet} from 'react-native';
-import {GradientBackground} from '../../components';
-
+import {ComingSoon} from '../../components';
 /**
  * Upload Screen to allow users to upload posts to Tagg
  */
 
 const Upload: React.FC = () => {
-  return (
-    <GradientBackground>
-      <Text style={styles.text}> Upload pics ⬆ </Text>
-    </GradientBackground>
-  );
+  return <ComingSoon />;
 };
-const styles = StyleSheet.create({
-  text: {
-    justifyContent: 'center',
-    backgroundColor: 'transparent',
-  },
-});
 
 export default Upload;
diff --git a/src/screens/onboarding/Checkpoint.tsx b/src/screens/onboarding/Checkpoint.tsx
index aae2293e..8e53996f 100644
--- a/src/screens/onboarding/Checkpoint.tsx
+++ b/src/screens/onboarding/Checkpoint.tsx
@@ -48,8 +48,7 @@ const Checkpoint: React.FC<CheckpointProps> = ({route, navigation}) => {
     <Background style={styles.container}>
       <StatusBar barStyle="light-content" />
       <RegistrationWizard style={styles.wizard} step="six" />
-
-      <View style={styles.textContainer}>
+       <View style={styles.textContainer}>
         <Text style={styles.header}>You are registered!</Text>
         <Text style={styles.subtext}>
           We're almost there. Would you like to setup your profile now?
@@ -65,6 +64,7 @@ const Checkpoint: React.FC<CheckpointProps> = ({route, navigation}) => {
           </TouchableOpacity>
         </View>
       </View>
+      
     </Background>
   );
 };
-- 
cgit v1.2.3-70-g09d2