From e33bf185c1e8e64eadfa35a50cc02a913ae4ee8d Mon Sep 17 00:00:00 2001
From: Livio Bieri <livio@livio.li>
Date: Mon, 18 Mar 2024 15:21:11 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20participant-less=20mentor=20edge=20case?=
 =?UTF-8?q?=EF=BF=BC=20=EF=BF=BC=20=EF=BF=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/learningMentor/MyMentees.vue   | 69 +++++++++++--------
 .../mentor/MentorParticipantsPage.vue         |  8 ---
 2 files changed, 40 insertions(+), 37 deletions(-)

diff --git a/client/src/components/learningMentor/MyMentees.vue b/client/src/components/learningMentor/MyMentees.vue
index 103874b8..6e132dda 100644
--- a/client/src/components/learningMentor/MyMentees.vue
+++ b/client/src/components/learningMentor/MyMentees.vue
@@ -8,36 +8,47 @@ const { summary } = useLearningMentees(courseSession.value.id);
 
 <template>
   <div v-if="summary">
-    <h2 class="heading-2 py-6">{{ $t("a.Personen, die du begleitest") }}</h2>
-    <div class="bg-white px-4 py-2">
-      <div
-        v-for="participant in summary.participants"
-        :key="participant.id"
-        class="flex flex-col items-start justify-between gap-4 border-b py-2 last:border-b-0 md:flex-row md:items-center md:gap-16"
-      >
-        <div class="flex items-center space-x-2">
-          <img
-            :alt="participant.last_name"
-            class="h-11 w-11 rounded-full"
-            :src="participant.avatar_url || '/static/avatars/myvbv-default-avatar.png'"
-          />
-          <div>
-            <div class="text-bold">
-              {{ participant.first_name }}
-              {{ participant.last_name }}
-            </div>
-            {{ participant.email }}
-          </div>
-        </div>
-        <router-link
-          :to="{
-            name: 'profileLearningPath',
-            params: { userId: participant.id, courseSlug: courseSession.course.slug },
-          }"
-          class="underline"
+    <template v-if="summary.participants.length > 0">
+      <h2 class="heading-2 py-6">{{ $t("a.Personen, die du begleitest") }}</h2>
+      <div class="bg-white px-4 py-2">
+        <div
+          v-for="participant in summary.participants"
+          :key="participant.id"
+          class="flex flex-col items-start justify-between gap-4 border-b py-2 last:border-b-0 md:flex-row md:items-center md:gap-16"
         >
-          {{ $t("cockpit.profileLink") }}
-        </router-link>
+          <div class="flex items-center space-x-2">
+            <img
+              :alt="participant.last_name"
+              class="h-11 w-11 rounded-full"
+              :src="
+                participant.avatar_url || '/static/avatars/myvbv-default-avatar.png'
+              "
+            />
+            <div>
+              <div class="text-bold">
+                {{ participant.first_name }}
+                {{ participant.last_name }}
+              </div>
+              {{ participant.email }}
+            </div>
+          </div>
+          <router-link
+            :to="{
+              name: 'profileLearningPath',
+              params: { userId: participant.id, courseSlug: courseSession.course.slug },
+            }"
+            class="underline"
+          >
+            {{ $t("cockpit.profileLink") }}
+          </router-link>
+        </div>
+      </div>
+    </template>
+    <div v-else>
+      <h2 class="heading-2 py-6">{{ $t("a.Personen, die du begleitest") }}</h2>
+      <div class="flex items-center bg-white px-4 py-2">
+        <it-icon-info class="it-icon mr-2 h-6 w-6" />
+        {{ $t("a.Aktuell begleitest du niemanden als Lernbegleitung.") }}
       </div>
     </div>
   </div>
diff --git a/client/src/pages/learningMentor/mentor/MentorParticipantsPage.vue b/client/src/pages/learningMentor/mentor/MentorParticipantsPage.vue
index baaa99c0..8b896862 100644
--- a/client/src/pages/learningMentor/mentor/MentorParticipantsPage.vue
+++ b/client/src/pages/learningMentor/mentor/MentorParticipantsPage.vue
@@ -25,13 +25,5 @@ const isMyMenteesVisible = computed(() =>
         <MyMentees />
       </div>
     </template>
-    <!-- edge case for pure mentor (= no course session user) and all mentees are removed -->
-    <div v-else>
-      <h2 class="heading-2 py-6">{{ $t("a.Personen, die du begleitest") }}</h2>
-      <div class="flex items-center bg-white px-4 py-2">
-        <it-icon-info class="it-icon mr-2 h-6 w-6" />
-        {{ $t("a.Aktuell begleitest du niemanden als Lernbegleitung.") }}
-      </div>
-    </div>
   </div>
 </template>