From bdeb208556c345b56f67fc56a1d425e710a76da3 Mon Sep 17 00:00:00 2001
From: Alina Beck <alina.beck@mail.com>
Date: Tue, 12 Nov 2019 12:45:59 +0300
Subject: [PATCH] pre-fill donation input fields with data from query

---
 webapp/graphql/Donations.js      |  9 +++++++++
 webapp/pages/admin/donations.vue | 16 +++++++++++++++-
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/webapp/graphql/Donations.js b/webapp/graphql/Donations.js
index 472218458..41d7cb87e 100644
--- a/webapp/graphql/Donations.js
+++ b/webapp/graphql/Donations.js
@@ -1,5 +1,14 @@
 import gql from 'graphql-tag'
 
+export const DonationsQuery = () => gql`
+  query {
+    Donations {
+      goal
+      progress
+    }
+  }
+`
+
 export const UpdateDonations = () => {
   return gql`
     mutation($goal: Int, $progress: Int) {
diff --git a/webapp/pages/admin/donations.vue b/webapp/pages/admin/donations.vue
index 2eb7b92f9..9bc1279f4 100644
--- a/webapp/pages/admin/donations.vue
+++ b/webapp/pages/admin/donations.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import { UpdateDonations } from '~/graphql/Donations'
+import { DonationsQuery, UpdateDonations } from '~/graphql/Donations'
 
 export default {
   data() {
@@ -44,5 +44,19 @@ export default {
         .catch(error => this.$toast.error(error.message))
     },
   },
+  apollo: {
+    Donations: {
+      query() {
+        return DonationsQuery()
+      },
+      result({ data: { Donations } }) {
+        const { goal, progress } = Donations[0]
+        this.formData = {
+          goal,
+          progress,
+        }
+      },
+    },
+  },
 }
 </script>