Merge pull request #267 from shravyaramesh/tma669-mf-drawer-visibility

[TMA-669] Suggested People: Dismiss mutual friends drawer after navigation

2 files changed, 8 insertions, 0 deletions

diff --git a/src/components/profile/ProfilePreview.tsx b/src/components/profile/ProfilePreview.tsx
index 02ab94e7..0021b1c6 100644
--- a/src/components/profile/ProfilePreview.tsx
+++ b/src/components/profile/ProfilePreview.tsx
@@ -37,12 +37,14 @@ interface ProfilePreviewProps extends ViewProps {
   profilePreview: ProfilePreviewType;
   previewType: PreviewType;
   screenType: ScreenType;
+  setMFDrawer?: Function;
 }
 
 const ProfilePreview: React.FC<ProfilePreviewProps> = ({
   profilePreview: {username, first_name, last_name, id, thumbnail_url},
   previewType,
   screenType,
+  setMFDrawer,
 }) => {
   const navigation = useNavigation();
   const {user: loggedInUser} = useSelector((state: RootState) => state.user);
@@ -139,6 +141,11 @@ const ProfilePreview: React.FC<ProfilePreviewProps> = ({
         );
       }
 
+      // Close Mutual Friends drawer on suggested people upon navigation
+      if (setMFDrawer) {
+        setMFDrawer(false);
+      }
+
       navigation.push('Profile', {
         userXId,
         screenType,
diff --git a/src/components/suggestedPeople/MutualFriends.tsx b/src/components/suggestedPeople/MutualFriends.tsx
index fdda104a..f72104d4 100644
--- a/src/components/suggestedPeople/MutualFriends.tsx
+++ b/src/components/suggestedPeople/MutualFriends.tsx
@@ -70,6 +70,7 @@ const MutualFriends: React.FC<MutualFriendsProps> = ({
                           previewType={'Suggested People Drawer'}
                           screenType={ScreenType.SuggestedPeople}
                           profilePreview={profilePreview}
+                          setMFDrawer={setDrawerVisible}
                         />
                       ))}
                     </ScrollView>