feat(con): profile page - display overlay when mentee views "a mentor…

… who's not their mentor"

apps/redi-connect/src/pages/app/find-a-mentor/FindAMentor.tsx

@@ -2,6 +2,7 @@ import {
   ConnectProfileStatus,
   Language,
   MentoringTopic,
+  MentorshipMatchStatus,
   RediLocation,
   useFavoriteMentorMutation,
   useFindAvailableMentorsQuery,
@@ -200,10 +201,14 @@ const FindAMentor = () => {
   const menteeHasAnActiveMatch =
     profile?.userType === 'MENTEE' &&
     profile?.mentorshipMatches.length > 0 &&
-    profile?.mentorshipMatches?.[0].status === 'ACCEPTED'
+    profile?.mentorshipMatches?.some(match =>
+      match.status === MentorshipMatchStatus.Accepted
+    )
 
   if (menteeHasAnActiveMatch) {
-    const matchId = profile?.mentorshipMatches?.[0].id
+    const matchId = profile?.mentorshipMatches?.find(match =>
+      match.status === MentorshipMatchStatus.Accepted
+    ).id
     history.replace(`/app/mentorships/${matchId}`)
   }
 

apps/redi-connect/src/pages/app/profile/Profile.tsx

@@ -1,4 +1,5 @@
 import {
+  LoadMyProfileQuery,
   MentorshipMatchStatus,
   useLoadMyProfileQuery,
   UserType,
@@ -89,7 +90,12 @@ function Profile() {
 
   const shouldHidePrivateContactInfo = currentUserIsMentee && !isAcceptedMatch
 
-  const viewMode = determineViewMode(profile)
+  const activeMentorshipMatch = 
+    myProfile.mentorshipMatches.find(match =>
+      match.status === MentorshipMatchStatus.Accepted
+    )
+
+  const viewMode = determineViewMode(profile, myProfile)
 
   const profileView = (
     <>
@@ -255,6 +261,17 @@ function Profile() {
         <a href="/faq">FAQ</a>.
       </>
     ),
+    currentUserIsMenteeAndViewsNotTheirMentor: (
+      <>
+        Hey there! It looks like you already have{' '}
+        <a href={`/app/mentorships/${activeMentorshipMatch?.mentorId}`}>an ongoing mentorship</a> with
+        another mentor. Please remember that you can only have one mentor at a
+        time. You can save this link to check if this mentor remains available
+        once you complete your current mentorship match. If you have any
+        questions in the meantime, feel free to check out the{' '}
+        <a href="/faq">FAQ</a>.
+      </>
+    )
   }
   return (
     <LoggedIn>
@@ -303,12 +320,34 @@ function Profile() {
   )
 }
 
-type ViewMode = 'display' | 'notActivelyMentoring' | 'mentoringButNoFreeSpots'
+type ViewMode = 'display'
+  | 'notActivelyMentoring' 
+  | 'mentoringButNoFreeSpots' 
+  | 'currentUserIsMenteeAndViewsNotTheirMentor'
 
 function determineViewMode(
-  profile: ProfilePageQueryQuery['conProfile']
+  profile: ProfilePageQueryQuery['conProfile'],
+  currentUserProfile: LoadMyProfileQuery['conProfile']
 ): ViewMode {
-  if (profile.userType !== UserType.Mentor) return 'display'
+  // If we're looking at a mentee, show the profile. Otherwise, the profile
+  // is a mentor's profile, so continue to determine if the view mode is a
+  // "special" one. 
+  if (profile.userType === UserType.Mentee) return 'display'
+
+  // Is current user a mentee, does that mentee have an active match, and is
+  // that match with another mentor than the one we're currently looking at?
+  const activeMentorshipMatch = 
+    currentUserProfile.mentorshipMatches.find(match =>
+      match.status === MentorshipMatchStatus.Accepted
+    )
+  if (
+    currentUserProfile.userType === UserType.Mentee &&
+    activeMentorshipMatch?.status === MentorshipMatchStatus.Accepted &&
+    activeMentorshipMatch?.mentorId != activeMentorshipMatch.mentorId
+  ) {
+    return 'currentUserIsMenteeAndViewsNotTheirMentor'
+  }
+
   if (profile.menteeCountCapacity === 0) return 'notActivelyMentoring'
   if (profile.doesNotHaveAvailableMentorshipSlot)
     return 'mentoringButNoFreeSpots'