1 files changed, 37 insertions, 2 deletions
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;