Added running state to graphql component

rapidez · Jan 31, 2025 · ed6a19b · ed6a19b
1 parent c38a71c
commit ed6a19b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/resources/js/components/Graphql.vue b/resources/js/components/Graphql.vue
@@ -41,6 +41,7 @@ export default {
     data: () => ({
         data: null,
         cachePrefix: 'graphql_',
+        running: false,
     }),
 
     render() {
@@ -68,6 +69,7 @@ export default {
         },
 
         async runQuery() {
+            this.running = true
             try {
                 let options = {
                     headers: {
@@ -81,6 +83,7 @@ export default {
 
                 if (this.check) {
                     if (!this.check(response?.data)) {
+                        this.running = false
                         Turbo.visit(window.url(this.redirect))
                         return false
                     }
@@ -94,6 +97,8 @@ export default {
             } catch (error) {
                 console.error(error)
                 this.errorCallback(this.variables, await error?.response?.json())
+            } finally {
+                this.running = false
             }
         },
     },

diff --git a/resources/js/components/GraphqlMutation.vue b/resources/js/components/GraphqlMutation.vue
@@ -1,4 +1,5 @@
 <script>
+import { computed } from 'vue';
 import { GraphQLError, combiningGraphQL, magentoGraphQL } from '../fetch'
 
 export default {
@@ -199,5 +200,10 @@ export default {
             })
         },
     },
+    computed: {
+        running() {
+            return this.mutating
+        }
+    }
 }
 </script>