3 files changed, 32 insertions, 0 deletions
diff --git a/src/screens/index.ts b/src/screens/index.ts
index 13a9799c..c34cd571 100644
--- a/src/screens/index.ts
+++ b/src/screens/index.ts
@@ -2,3 +2,4 @@ export * from './main';
 export * from './onboarding';
 export * from './profile';
 export * from './search';
+export * from './suggestedPeople';
diff --git a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
new file mode 100644
index 00000000..b0efb9ed
--- /dev/null
+++ b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
@@ -0,0 +1,30 @@
+import React from 'react';
+import {StatusBar, Text} from 'react-native';
+import {Image} from 'react-native-animatable';
+
+/**
+ * What does suggested people have?
+ */
+
+const SuggestedPeopleScreen: React.FC = () => {
+  /**
+   * This is a double safety check to avoid app crash.
+   * Checks if the required userXId is present in the store, if not userXId is set to dummy id
+   */
+  // if (userXId && !(userXId in useStore().getState().userX[screenType])) {
+  //   userXId = DUMMY_USERID;
+  // }
+
+  return (
+    <>
+      {/* <Image
+        source={require('')}
+        style={{backgroundColor: 'lightgreen', width: '10px', height: '10px'}}
+      /> */}
+      <StatusBar barStyle={'light-content'} />
+      <Text>Suggested People</Text>
+    </>
+  );
+};
+
+export default SuggestedPeopleScreen;
diff --git a/src/screens/suggestedPeople/index.ts b/src/screens/suggestedPeople/index.ts
new file mode 100644
index 00000000..a42d9c52
--- /dev/null
+++ b/src/screens/suggestedPeople/index.ts
@@ -0,0 +1 @@
+export {default as SuggestedPeopleScreen} from './SuggestedPeopleScreen';