From a481413153496c240c95a66211179aa00ccdbfbb Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Mon, 13 Dec 2021 17:33:10 +0100
Subject: [PATCH] Handle groups/profiles/users not found in admin

Closes #966

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/views/Admin/AdminGroupProfile.vue | 11 +++++++++++
 js/src/views/Admin/AdminProfile.vue      | 11 +++++++++++
 js/src/views/Admin/AdminUserProfile.vue  | 15 +++++++++++++++
 3 files changed, 37 insertions(+)

diff --git a/js/src/views/Admin/AdminGroupProfile.vue b/js/src/views/Admin/AdminGroupProfile.vue
index 76f5c7ce3..8248214a8 100644
--- a/js/src/views/Admin/AdminGroupProfile.vue
+++ b/js/src/views/Admin/AdminGroupProfile.vue
@@ -286,6 +286,17 @@
       </b-table>
     </section>
   </div>
+  <empty-content v-else-if="!$apollo.loading" icon="account-multiple">
+    {{ $t("This group was not found") }}
+    <template #desc>
+      <b-button
+        type="is-text"
+        tag="router-link"
+        :to="{ name: RouteName.ADMIN_GROUPS }"
+        >{{ $t("Back to group list") }}</b-button
+      >
+    </template>
+  </empty-content>
 </template>
 <script lang="ts">
 import { Component, Vue, Prop } from "vue-property-decorator";
diff --git a/js/src/views/Admin/AdminProfile.vue b/js/src/views/Admin/AdminProfile.vue
index 58f88b16a..77040c163 100644
--- a/js/src/views/Admin/AdminProfile.vue
+++ b/js/src/views/Admin/AdminProfile.vue
@@ -258,6 +258,17 @@
       </b-table>
     </section>
   </div>
+  <empty-content v-else-if="!$apollo.loading" icon="account">
+    {{ $t("This profile was not found") }}
+    <template #desc>
+      <b-button
+        type="is-text"
+        tag="router-link"
+        :to="{ name: RouteName.PROFILES }"
+        >{{ $t("Back to profile list") }}</b-button
+      >
+    </template>
+  </empty-content>
 </template>
 <script lang="ts">
 import { Component, Vue, Prop } from "vue-property-decorator";
diff --git a/js/src/views/Admin/AdminUserProfile.vue b/js/src/views/Admin/AdminUserProfile.vue
index e3da9277e..c4fcf3e9f 100644
--- a/js/src/views/Admin/AdminUserProfile.vue
+++ b/js/src/views/Admin/AdminUserProfile.vue
@@ -69,6 +69,17 @@
       >
     </div>
   </div>
+  <empty-content v-else-if="!$apollo.loading" icon="account">
+    {{ $t("This user was not found") }}
+    <template #desc>
+      <b-button
+        type="is-text"
+        tag="router-link"
+        :to="{ name: RouteName.USERS }"
+        >{{ $t("Back to user list") }}</b-button
+      >
+    </template>
+  </empty-content>
 </template>
 <script lang="ts">
 import { Component, Vue, Prop } from "vue-property-decorator";
@@ -80,6 +91,7 @@ import { usernameWithDomain } from "../../types/actor/actor.model";
 import RouteName from "../../router/name";
 import { IUser } from "../../types/current-user.model";
 import { IPerson } from "../../types/actor";
+import EmptyContent from "../../components/Utils/EmptyContent.vue";
 
 @Component({
   apollo: {
@@ -104,6 +116,9 @@ import { IPerson } from "../../types/actor";
       title: user?.email,
     };
   },
+  components: {
+    EmptyContent,
+  },
 })
 export default class AdminUserProfile extends Vue {
   @Prop({ required: true }) id!: string;