fix: graphql error notifications

client/components/admin/admin-auth.vue

@@ -204,6 +204,7 @@ export default {
     },
     async save() {
       this.$store.commit(`loadingStart`, 'admin-auth-savestrategies')
+      try {
         await this.$apollo.mutate({
           mutation: strategiesSaveMutation,
           variables: {
@@ -227,6 +228,9 @@ export default {
           style: 'success',
           icon: 'check'
         })
+      } catch (err) {
+        this.$store.commit('pushGraphError', err)
+      }
       this.$store.commit(`loadingStop`, 'admin-auth-savestrategies')
     }
   },

client/components/admin/admin-general.vue

@@ -229,11 +229,7 @@ export default {
         this.siteTitle = this.config.title
         this.company = this.config.company
       } catch (err) {
-        this.$store.commit('showNotification', {
+        this.$store.commit('pushGraphError', err)
-          style: 'red',
-          message: err.message,
-          icon: 'warning'
-        })
       }
     }
   },

client/components/admin/admin-groups-edit.vue

@@ -93,11 +93,7 @@ export default {
           icon: 'check'
         })
       } catch (err) {
-        this.$store.commit('showNotification', {
+        this.$store.commit('pushGraphError', err)
-          style: 'red',
-          message: err.message,
-          icon: 'warning'
-        })
       }
     },
     async deleteGroup() {
@@ -119,11 +115,7 @@ export default {
         })
         this.$router.replace('/groups')
       } catch (err) {
-        this.$store.commit('showNotification', {
+        this.$store.commit('pushGraphError', err)
-          style: 'red',
-          message: err.message,
-          icon: 'warning'
-        })
       }
     },
     async refresh() {

client/components/admin/admin-groups.vue

@@ -149,11 +149,7 @@ export default {
           icon: 'check'
         })
       } catch (err) {
-        this.$store.commit('showNotification', {
+        this.$store.commit('pushGraphError', err)
-          style: 'red',
-          message: err.message,
-          icon: 'warning'
-        })
       }
     }
   },

client/components/admin/admin-mail.vue

@@ -180,11 +180,7 @@ export default {
           icon: 'check'
         })
       } catch (err) {
-        this.$store.commit('showNotification', {
+        this.$store.commit('pushGraphError', err)
-          style: 'red',
-          message: err.message,
-          icon: 'warning'
-        })
       }
     }
   },

client/components/admin/admin-navigation.vue

@@ -214,11 +214,7 @@ export default {
           throw new Error(_.get(resp, 'data.navigation.updateTree.responseResult.message', 'An unexpected error occured.'))
         }
       } catch (err) {
-        this.$store.commit('showNotification', {
+        this.$store.commit('pushGraphError', err)
-          message: err.message,
-          style: 'red',
-          icon: 'warning'
-        })
       }
       this.$store.commit(`loadingStop`, 'admin-navigation-save')
     },

client/components/admin/admin-theme.vue

@@ -146,11 +146,7 @@ export default {
           throw new Error(resp.message)
         }
       } catch (err) {
-        this.$store.commit('showNotification', {
+        this.$store.commit('pushGraphError', err)
-          message: `Error: ${err.message}`,
-          style: 'error',
-          icon: 'warning'
-        })
       }
       this.$store.commit(`loadingStop`, 'admin-theme-save')
       this.loading = false

client/store/index.js

@@ -47,6 +47,13 @@ export default new Vuex.Store({
     },
     updateNotificationState (state, newState) {
       state.notification.isActive = newState
+    },
+    pushGraphError (state, err) {
+      WIKI.$store.commit('showNotification', {
+        style: 'red',
+        message: _.get(err, 'graphQLErrors[0].message', err.message),
+        icon: 'warning'
+      })
     }
   },
   actions: { },

server/graph/resolvers/group.js

@@ -1,5 +1,6 @@
 const graphHelper = require('../../helpers/graph')
 const safeRegex = require('safe-regex')
+const _ = require('lodash')
 
 /* global WIKI */