From b41a975012172ba336b27ab3d64ed078b07633cd Mon Sep 17 00:00:00 2001
From: Husam Salhab <47015061+hsalhab@users.noreply.github.com>
Date: Tue, 27 Oct 2020 20:41:13 -0400
Subject: Remove explore page from search (#79)

* move async-storage

* removed lock files

* added lock files to gitignore

* added the wrong file to gitignore

* removed explore page placeholder and replaced with coming soon
---
 src/screens/search/SearchScreen.tsx | 39 +++++++++++++++++++++++++++++++++++--
 1 file changed, 37 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/screens/search/SearchScreen.tsx b/src/screens/search/SearchScreen.tsx
index da83ddef..668e600f 100644
--- a/src/screens/search/SearchScreen.tsx
+++ b/src/screens/search/SearchScreen.tsx
@@ -1,5 +1,5 @@
 import React, {useEffect, useState} from 'react';
-import {StatusBar, StyleSheet, ScrollView, Keyboard} from 'react-native';
+import {StatusBar, StyleSheet, ScrollView, Keyboard, Text, View, Image} from 'react-native';
 import {
   SearchBackground,
   SearchHeader,
@@ -129,7 +129,19 @@ const SearchScreen: React.FC = () => {
           value={query}
           {...{top, searching}}
         />
-        <Explore />
+        {/* <Explore /> */}
+        <View>
+          <View style={styles.textContainer}>
+            <Text style={styles.headerText}>Coming Soon</Text>
+            <Text style={styles.subtext}>
+              We are working on constructing our explore suggestions. You can still search users for now!
+            </Text>
+          </View>
+          <Image
+            source={require('../../assets/images/coming-soon.png')}
+            style={styles.image}
+          />
+        </View>
         <SearchResultsBackground {...{top}}>
           {results.length === 0 && recents.length !== 0 ? (
             <RecentSearches
@@ -174,5 +186,28 @@ const styles = StyleSheet.create({
     fontWeight: 'bold',
     color: '#698DD3',
   },
+  image: {
+    width: 400,
+    height: 400,
+  },
+  textContainer: {
+    marginTop: '10%',
+  },
+  headerText: {
+    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 SearchScreen;
-- 
cgit v1.2.3-70-g09d2