[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, 2 insertions, 57 deletions

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;