Improve and activate groups

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Admin/Followers.vue

@@ -101,6 +101,7 @@
 </template>
 <script lang="ts">
 import { Component, Mixins } from "vue-property-decorator";
+import { SnackbarProgrammatic as Snackbar } from "buefy";
 import { ACCEPT_RELAY, REJECT_RELAY, RELAY_FOLLOWERS } from "../../graphql/admin";
 import { Paginate } from "../../types/paginate";
 import { IFollower } from "../../types/actor/follower.model";
@@ -125,38 +126,46 @@ export default class Followers extends Mixins(RelayMixin) {
 
   RelayMixin = RelayMixin;
 
-  async acceptRelays() {
+  async acceptRelays(): Promise<void> {
     await this.checkedRows.forEach((row: IFollower) => {
       this.acceptRelay(`${row.actor.preferredUsername}@${row.actor.domain}`);
     });
   }
 
-  async rejectRelays() {
+  async rejectRelays(): Promise<void> {
     await this.checkedRows.forEach((row: IFollower) => {
       this.rejectRelay(`${row.actor.preferredUsername}@${row.actor.domain}`);
     });
   }
 
-  async acceptRelay(address: string) {
-    await this.$apollo.mutate({
-      mutation: ACCEPT_RELAY,
-      variables: {
-        address,
-      },
-    });
-    await this.$apollo.queries.relayFollowers.refetch();
-    this.checkedRows = [];
+  async acceptRelay(address: string): Promise<void> {
+    try {
+      await this.$apollo.mutate({
+        mutation: ACCEPT_RELAY,
+        variables: {
+          address,
+        },
+      });
+      await this.$apollo.queries.relayFollowers.refetch();
+      this.checkedRows = [];
+    } catch (e) {
+      Snackbar.open({ message: e.message, type: "is-danger", position: "is-bottom" });
+    }
   }
 
-  async rejectRelay(address: string) {
-    await this.$apollo.mutate({
-      mutation: REJECT_RELAY,
-      variables: {
-        address,
-      },
-    });
-    await this.$apollo.queries.relayFollowers.refetch();
-    this.checkedRows = [];
+  async rejectRelay(address: string): Promise<void> {
+    try {
+      await this.$apollo.mutate({
+        mutation: REJECT_RELAY,
+        variables: {
+          address,
+        },
+      });
+      await this.$apollo.queries.relayFollowers.refetch();
+      this.checkedRows = [];
+    } catch (e) {
+      Snackbar.open({ message: e.message, type: "is-danger", position: "is-bottom" });
+    }
   }
 
   get checkedRowsHaveAtLeastOneToApprove(): boolean {

js/src/components/Admin/Followings.vue

@@ -99,6 +99,7 @@
 </template>
 <script lang="ts">
 import { Component, Mixins } from "vue-property-decorator";
+import { SnackbarProgrammatic as Snackbar } from "buefy";
 import { ADD_RELAY, RELAY_FOLLOWINGS, REMOVE_RELAY } from "../../graphql/admin";
 import { IFollower } from "../../types/actor/follower.model";
 import { Paginate } from "../../types/paginate";
@@ -125,34 +126,42 @@ export default class Followings extends Mixins(RelayMixin) {
 
   RelayMixin = RelayMixin;
 
-  async followRelay(e: Event) {
+  async followRelay(e: Event): Promise<void> {
     e.preventDefault();
-    await this.$apollo.mutate({
-      mutation: ADD_RELAY,
-      variables: {
-        address: this.newRelayAddress,
-      },
-      // TODO: Handle cache update properly without refreshing
-    });
-    await this.$apollo.queries.relayFollowings.refetch();
-    this.newRelayAddress = "";
+    try {
+      await this.$apollo.mutate({
+        mutation: ADD_RELAY,
+        variables: {
+          address: this.newRelayAddress,
+        },
+        // TODO: Handle cache update properly without refreshing
+      });
+      await this.$apollo.queries.relayFollowings.refetch();
+      this.newRelayAddress = "";
+    } catch (e) {
+      Snackbar.open({ message: e.message, type: "is-danger", position: "is-bottom" });
+    }
   }
 
-  async removeRelays() {
+  async removeRelays(): Promise<void> {
     await this.checkedRows.forEach((row: IFollower) => {
       this.removeRelay(`${row.targetActor.preferredUsername}@${row.targetActor.domain}`);
     });
   }
 
-  async removeRelay(address: string) {
-    await this.$apollo.mutate({
-      mutation: REMOVE_RELAY,
-      variables: {
-        address,
-      },
-    });
-    await this.$apollo.queries.relayFollowings.refetch();
-    this.checkedRows = [];
+  async removeRelay(address: string): Promise<void> {
+    try {
+      await this.$apollo.mutate({
+        mutation: REMOVE_RELAY,
+        variables: {
+          address,
+        },
+      });
+      await this.$apollo.queries.relayFollowings.refetch();
+      this.checkedRows = [];
+    } catch (e) {
+      Snackbar.open({ message: e.message, type: "is-danger", position: "is-bottom" });
+    }
   }
 }
 </script>