From 8dc662d27e186ad720d6d287e435ea010d9a02ec Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Tue, 2 Jun 2020 23:31:08 -0400
Subject: [PATCH 1/2] Renamed downloadResponse to proper downloadSchema

---
 pages/graphql.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/pages/graphql.vue b/pages/graphql.vue
index 3584d4ed3..3dcdabc4a 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -118,8 +118,8 @@
               </button>
               <button
                 class="icon"
-                @click="downloadResponse"
-                ref="downloadResponse"
+                @click="downloadSchema"
+                ref="downloadSchema"
                 v-tooltip="$t('download_file')"
               >
                 <i class="material-icons">get_app</i>
@@ -666,7 +666,7 @@ export default {
       this.expandResponse = !this.expandResponse
       this.responseBodyMaxLines = this.responseBodyMaxLines == Infinity ? 16 : Infinity
     },
-    downloadResponse() {
+    downloadSchema() {
       const dataToWrite = JSON.stringify(this.schema, null, 2)
       const file = new Blob([dataToWrite], { type: "application/json" })
       const a = document.createElement("a")
@@ -675,14 +675,14 @@ export default {
       a.download = `${this.url} on ${Date()}.graphql`.replace(/\./g, "[dot]")
       document.body.appendChild(a)
       a.click()
-      this.$refs.downloadResponse.innerHTML = this.doneButton
+      this.$refs.downloadSchema.innerHTML = this.doneButton
       this.$toast.success(this.$t("download_started"), {
         icon: "done",
       })
       setTimeout(() => {
         document.body.removeChild(a)
         window.URL.revokeObjectURL(url)
-        this.$refs.downloadResponse.innerHTML = this.downloadButton
+        this.$refs.downloadSchema.innerHTML = this.downloadButton
       }, 1000)
     },
     addRequestHeader(index) {

From 19dbf7fe13cf3e162970e381821c5b8b3c9c4525 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Tue, 2 Jun 2020 23:41:47 -0400
Subject: [PATCH 2/2] Added ability to download GraphQL responses

---
 pages/graphql.vue | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/pages/graphql.vue b/pages/graphql.vue
index 3dcdabc4a..2209dae63 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -221,6 +221,14 @@
           <div class="flex-wrap">
             <label for="responseField">{{ $t("response") }}</label>
             <div>
+              <button
+                class="icon"
+                @click="downloadResponse"
+                ref="downloadResponse"
+                v-tooltip="$t('download_file')"
+              >
+                <i class="material-icons">get_app</i>
+              </button>
               <button
                 class="icon"
                 @click="copyResponse"
@@ -666,6 +674,25 @@ export default {
       this.expandResponse = !this.expandResponse
       this.responseBodyMaxLines = this.responseBodyMaxLines == Infinity ? 16 : Infinity
     },
+    downloadResponse() {
+      const dataToWrite = this.response
+      const file = new Blob([dataToWrite], { type: "application/json" })
+      const a = document.createElement("a")
+      const url = URL.createObjectURL(file)
+      a.href = url
+      a.download = `Response ${this.url} on ${Date()}.json`.replace(/\./g, "[dot]")
+      document.body.appendChild(a)
+      a.click()
+      this.$refs.downloadResponse.innerHTML = this.doneButton
+      this.$toast.success(this.$t("download_started"), {
+        icon: "done",
+      })
+      setTimeout(() => {
+        document.body.removeChild(a)
+        window.URL.revokeObjectURL(url)
+        this.$refs.downloadResponse.innerHTML = this.downloadButton
+      }, 1000)
+    },
     downloadSchema() {
       const dataToWrite = JSON.stringify(this.schema, null, 2)
       const file = new Blob([dataToWrite], { type: "application/json" })