From 29d7e3628a94142ba01ff366904cc2e653d19a4d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C5=A1per=20Grom?= <gasper.grom@gmail.com>
Date: Tue, 9 Jan 2024 12:10:44 +0100
Subject: [PATCH] Fix merge suggestions loading (#2048)

---
 .../member/pages/member-merge-suggestions-page.vue  | 10 ++++++++--
 .../pages/organization-merge-suggestions-page.vue   | 13 +++++++++++--
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/frontend/src/modules/member/pages/member-merge-suggestions-page.vue b/frontend/src/modules/member/pages/member-merge-suggestions-page.vue
index 38d7c9d130..f53957d7e0 100644
--- a/frontend/src/modules/member/pages/member-merge-suggestions-page.vue
+++ b/frontend/src/modules/member/pages/member-merge-suggestions-page.vue
@@ -81,14 +81,20 @@
       <!-- Comparison -->
       <!-- Loading -->
       <div v-if="loading" class="flex p-5">
-        <div class="w-1/2 border rounded-l-lg">
+        <div class="w-1/3 border rounded-l-lg">
           <app-member-merge-suggestions-details
             :member="null"
             :loading="true"
             :is-primary="true"
           />
         </div>
-        <div class="w-1/2 -ml-px border rounded-r-lg">
+        <div class="w-1/3 -ml-px border rounded-r-lg">
+          <app-member-merge-suggestions-details
+            :member="null"
+            :loading="true"
+          />
+        </div>
+        <div class="w-1/3 ml-8 border rounded-lg bg-brand-25">
           <app-member-merge-suggestions-details
             :member="null"
             :loading="true"
diff --git a/frontend/src/modules/organization/pages/organization-merge-suggestions-page.vue b/frontend/src/modules/organization/pages/organization-merge-suggestions-page.vue
index 0376c3cb0d..89c6632847 100644
--- a/frontend/src/modules/organization/pages/organization-merge-suggestions-page.vue
+++ b/frontend/src/modules/organization/pages/organization-merge-suggestions-page.vue
@@ -81,19 +81,26 @@
       <!-- Comparison -->
       <!-- Loading -->
       <div v-if="loading" class="flex p-5">
-        <div class="w-1/2 border rounded-l-lg">
+        <div class="w-1/3 border rounded-l-lg">
           <app-organization-merge-suggestions-details
             :organization="null"
             :loading="true"
             :is-primary="true"
           />
         </div>
-        <div class="w-1/2 -ml-px border rounded-r-lg">
+        <div class="w-1/3 -ml-px border rounded-r-lg">
           <app-organization-merge-suggestions-details
             :organization="null"
             :loading="true"
           />
         </div>
+
+        <div class="w-1/3 ml-8 border rounded-lg bg-brand-25">
+          <app-member-merge-suggestions-details
+            :member="null"
+            :loading="true"
+          />
+        </div>
       </div>
       <div v-else class="flex p-5">
         <div
@@ -150,6 +157,8 @@ import { useOrganizationStore } from '@/modules/organization/store/pinia';
 import { storeToRefs } from 'pinia';
 import { useRoute } from 'vue-router';
 import { merge } from 'lodash';
+import AppMemberMergeSuggestionsDetails
+  from '@/modules/member/components/suggestions/member-merge-suggestions-details.vue';
 import { OrganizationService } from '../organization-service';
 import { OrganizationPermissions } from '../organization-permissions';