From 50318acab3badac6915c66611a9170fbe77800f8 Mon Sep 17 00:00:00 2001
From: Nacho <nachonegrocaino@gmail.com>
Date: Wed, 9 Nov 2022 12:35:42 -0300
Subject: [PATCH 1/2] =?UTF-8?q?=E2=9C=A8=20Add:=20POAP=20API=20API-Key=20f?=
 =?UTF-8?q?rontend?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/.env.template             | 2 ++
 frontend/src/App.vue               | 7 +++++--
 frontend/src/store/user/actions.js | 9 ++++++---
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/frontend/.env.template b/frontend/.env.template
index 007f9b0..8714e78 100644
--- a/frontend/.env.template
+++ b/frontend/.env.template
@@ -1 +1,3 @@
 INFURA_ID=__add_me__
+VUE_APP_POAP_API_URL=https://api.poap.tech
+VUE_APP_POAP_API_API_KEY=hVWzovj27w9NmjN6Vzw1Wp8rysVSnQYV06WGfMSBWRkZvSlVbadmtwSroHk4wfq9iS1J3R7rF5FxshKYEa1016XElaC6OHquA5JgYLrAwN21K1emQ1VCf08sEOR1YqLG
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 922992d..926f867 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -7,7 +7,10 @@
 <script>
 import helpers from 'src/mixins/helpers';
 
-const jsonFetch = (url) => fetch(url).then((res) => res.json());
+const poapApiUrl = process.env.VUE_APP_POAP_API_URL;
+const poapApiApiKey = process.env.VUE_APP_POAP_API_API_KEY;
+const jsonFetch = (path) => fetch(`${poapApiUrl}${path}`, { headers: { 'x-api-key': poapApiApiKey } })
+  .then((res) => res.json());
 
 export default {
   name: 'App',
@@ -25,7 +28,7 @@ export default {
 
     // Get user's POAP tokens
     if (userAddress && JSON.parse(userAddress)) {
-      const poapTokensUrl = `https://api.poap.tech/actions/scan/${JSON.parse(userAddress)}`;
+      const poapTokensUrl = `/actions/scan/${JSON.parse(userAddress)}`;
       tokens = await jsonFetch(poapTokensUrl);
     }
     this.$store.commit('user/setTokens', tokens);
diff --git a/frontend/src/store/user/actions.js b/frontend/src/store/user/actions.js
index c901313..82960b4 100644
--- a/frontend/src/store/user/actions.js
+++ b/frontend/src/store/user/actions.js
@@ -1,9 +1,12 @@
-const jsonFetch = (url) => fetch(url).then((res) => res.json());
+const poapApiUrl = process.env.VUE_APP_POAP_API_URL;
+const poapApiApiKey = process.env.VUE_APP_POAP_API_API_KEY;
+const jsonFetch = (path) => fetch(`${poapApiUrl}${path}`, { headers: { 'x-api-key': poapApiApiKey } })
+  .then((res) => res.json());
 
 export async function setEthereumData({ commit }, wallet) {
   // Get user's POAP tokens
-  const poapTokensUrl = `https://api.poap.tech/actions/scan/${wallet}`;
-  const tokens = await jsonFetch(poapTokensUrl);
+  const path = `/actions/scan/${wallet}`;
+  const tokens = await jsonFetch(path);
 
   // Commit all state changes simultaneously to avoid UI inconsistencies
   commit('setWallet', wallet);

From c14da8034666d79df3b4209e21be2cb4d5e8ead0 Mon Sep 17 00:00:00 2001
From: Nacho <nachonegrocaino@gmail.com>
Date: Wed, 9 Nov 2022 13:18:48 -0300
Subject: [PATCH 2/2] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20Refactor:=20hardcode?=
 =?UTF-8?q?=20envs=20because=20they=20are=20not=20working?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.vue               | 4 ++--
 frontend/src/store/user/actions.js | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 926f867..7063409 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -7,8 +7,8 @@
 <script>
 import helpers from 'src/mixins/helpers';
 
-const poapApiUrl = process.env.VUE_APP_POAP_API_URL;
-const poapApiApiKey = process.env.VUE_APP_POAP_API_API_KEY;
+const poapApiUrl = 'https://api.poap.tech';
+const poapApiApiKey = 'hVWzovj27w9NmjN6Vzw1Wp8rysVSnQYV06WGfMSBWRkZvSlVbadmtwSroHk4wfq9iS1J3R7rF5FxshKYEa1016XElaC6OHquA5JgYLrAwN21K1emQ1VCf08sEOR1YqLG';
 const jsonFetch = (path) => fetch(`${poapApiUrl}${path}`, { headers: { 'x-api-key': poapApiApiKey } })
   .then((res) => res.json());
 
diff --git a/frontend/src/store/user/actions.js b/frontend/src/store/user/actions.js
index 82960b4..6c48bce 100644
--- a/frontend/src/store/user/actions.js
+++ b/frontend/src/store/user/actions.js
@@ -1,5 +1,5 @@
-const poapApiUrl = process.env.VUE_APP_POAP_API_URL;
-const poapApiApiKey = process.env.VUE_APP_POAP_API_API_KEY;
+const poapApiUrl = 'https://api.poap.tech';
+const poapApiApiKey = 'hVWzovj27w9NmjN6Vzw1Wp8rysVSnQYV06WGfMSBWRkZvSlVbadmtwSroHk4wfq9iS1J3R7rF5FxshKYEa1016XElaC6OHquA5JgYLrAwN21K1emQ1VCf08sEOR1YqLG';
 const jsonFetch = (path) => fetch(`${poapApiUrl}${path}`, { headers: { 'x-api-key': poapApiApiKey } })
   .then((res) => res.json());