dashboard/api: add support for Zeppelin staff members; add ViewGuild permission; code cleanup

dashboard/src/components/dashboard/GuildConfigEditor.vue

@@ -41,7 +41,17 @@
       AceEditor,
     },
     async mounted() {
-        await this.$store.dispatch("guilds/loadAvailableGuilds");
+        try {
+          await this.$store.dispatch("guilds/loadGuild", this.$route.params.guildId);
+        } catch (err) {
+          if (err instanceof ApiError) {
+            this.$router.push('/dashboard');
+            return;
+          }
+
+          throw err;
+        }
+
         if (this.guild == null) {
           this.$router.push('/dashboard');
           return;
@@ -66,7 +76,7 @@
     computed: {
       ...mapState('guilds', {
         guild() {
-          return this.$store.state.guilds.available.find(g => g.id === this.$route.params.guildId);
+          return this.$store.state.guilds.available.get(this.$route.params.guildId);
         },
         config() {
           return this.$store.state.guilds.configs[this.$route.params.guildId];

dashboard/src/components/dashboard/GuildList.vue

@@ -42,7 +42,7 @@
     computed: {
       ...mapState('guilds', {
         guilds: state => {
-          const guilds = Array.from(state.available || []);
+          const guilds = Array.from(state.available.values());
           guilds.sort((a, b) => {
             if (a.name > b.name) return 1;
             if (a.name < b.name) return -1;

dashboard/src/store/guilds.ts

@@ -7,7 +7,7 @@ export const GuildStore: Module<GuildState, RootState> = {
 
   state: {
     availableGuildsLoadStatus: LoadStatus.None,
-    available: [],
+    available: new Map(),
     configs: {},
   },
 
@@ -17,7 +17,22 @@ export const GuildStore: Module<GuildState, RootState> = {
       commit("setAvailableGuildsLoadStatus", LoadStatus.Loading);
 
       const availableGuilds = await get("guilds/available");
-      commit("setAvailableGuilds", availableGuilds);
+      for (const guild of availableGuilds) {
+        commit("addGuild", guild);
+      }
+
+      commit("setAvailableGuildsLoadStatus", LoadStatus.Done);
+    },
+
+    async loadGuild({ commit, state }, guildId) {
+      if (state.available.has(guildId)) {
+        return;
+      }
+
+      const guild = await get(`guilds/${guildId}`);
+      if (guild) {
+        commit("addGuild", guild);
+      }
     },
 
     async loadConfig({ commit }, guildId) {
@@ -35,9 +50,8 @@ export const GuildStore: Module<GuildState, RootState> = {
       state.availableGuildsLoadStatus = status;
     },
 
-    setAvailableGuilds(state: GuildState, guilds) {
-      state.available = guilds;
-      state.availableGuildsLoadStatus = LoadStatus.Done;
+    addGuild(state: GuildState, guild) {
+      state.available.set(guild.id, guild);
     },
 
     setConfig(state: GuildState, { guildId, config }) {

dashboard/src/store/types.ts

@@ -11,11 +11,14 @@ export interface AuthState {
 
 export interface GuildState {
   availableGuildsLoadStatus: LoadStatus;
-  available: Array<{
-    guild_id: string;
-    name: string;
-    icon: string | null;
-  }>;
+  available: Map<
+    string,
+    {
+      id: string;
+      name: string;
+      icon: string | null;
+    }
+  >;
   configs: {
     [key: string]: string;
   };