From c29d97bcbb7923d3a1e2446b170840515b8acb9c Mon Sep 17 00:00:00 2001
From: Johnson Liang <johnsonliang7@gmail.com>
Date: Thu, 18 Apr 2024 13:24:37 +0800
Subject: [PATCH 1/5] feat: add awardee check to mgpAwardee

---
 src/graphql/resolvers/Query.js   |  8 ++++++++
 src/graphql/typeDefs.graphql     |  2 ++
 src/liff/pages/MgpAwardee.svelte | 30 ++++++++++++++++++++++++++++--
 3 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/src/graphql/resolvers/Query.js b/src/graphql/resolvers/Query.js
index df0edbb2..5761b133 100644
--- a/src/graphql/resolvers/Query.js
+++ b/src/graphql/resolvers/Query.js
@@ -1,5 +1,6 @@
 import UserArticleLink from 'src/database/models/userArticleLink';
 import UserSettings from 'src/database/models/userSettings';
+import AppVariable from 'src/database/models/AppVariable';
 import { groupEventQueue, expiredGroupEventQueue } from 'src/lib/queues';
 import { processConnection } from '../utils/connection';
 
@@ -26,4 +27,11 @@ export default {
       orderBy,
     });
   },
+
+  async isMgpAwardee(root, args, { userId }) {
+    const awardees = ((await AppVariable.get('mgpAwardees')) || '')
+      .trim()
+      .split('\n');
+    return awardees.includes(userId);
+  },
 };
diff --git a/src/graphql/typeDefs.graphql b/src/graphql/typeDefs.graphql
index 7fa2dc03..a24b848d 100644
--- a/src/graphql/typeDefs.graphql
+++ b/src/graphql/typeDefs.graphql
@@ -16,6 +16,8 @@ type Query {
 
   # Get user's notification setting
   setting: UserSetting @auth(check: ["userId"])
+
+  isMgpAwardee: Boolean @auth(check: ["userId"])
 }
 
 type Mutation {
diff --git a/src/liff/pages/MgpAwardee.svelte b/src/liff/pages/MgpAwardee.svelte
index 5e88bbfa..5c25a8d5 100644
--- a/src/liff/pages/MgpAwardee.svelte
+++ b/src/liff/pages/MgpAwardee.svelte
@@ -1,6 +1,20 @@
 <script>
+  import { onMount } from 'svelte';
+
   const userId = liff.getDecodedIDToken().sub;
-  let iframeUrl = `https://www.surveycake.com/s/Xx6mp?ssn0=${userId}`
+  let iframeUrl = `https://www.surveycake.com/s/Xx6mp?ssn0=${userId}`;
+  let state = 'LOADING'; // LOADING, INVALID, VALID
+
+  onMount(async () => {
+    isLoadingData = true;
+    const { data: {isMgpAwardee} } = await gql`
+      {
+        isMgpAwardee
+      }
+    `();
+
+    state = isMgpAwardee ? 'VALID' : 'INVALID';
+  });
 </script>
 
 <style>
@@ -9,10 +23,22 @@
     height: 100vh;
     border: 0;
   }
+
+  p {
+    text-align: center;
+    margin-top: 50vh;
+    transform: translateY(-50%);
+  }
 </style>
 
 <svelte:head>
   <title>得獎者＠Cofacts x 第四屆 MyGoPen 謠言惑眾獎</title>
 </svelte:head>
 
-<iframe title="謠言惑眾獎得獎者" src={iframeUrl} />
+{#if state === 'LOADING'}
+  <p>正在檢查您是否為得獎者⋯⋯</p>
+{:else if state === 'INVALID'}
+  <p>您並非得獎者，無法查看此頁面。</p>
+{:else}
+  <iframe title="謠言惑眾獎得獎者" src={iframeUrl} />
+{/if}

From dcbaf241914b5f6f1ab3befb252031e8a8968037 Mon Sep 17 00:00:00 2001
From: Johnson Liang <johnsonliang7@gmail.com>
Date: Thu, 18 Apr 2024 13:48:34 +0800
Subject: [PATCH 2/5] fix: typo in imports

---
 src/graphql/resolvers/Query.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/graphql/resolvers/Query.js b/src/graphql/resolvers/Query.js
index 5761b133..481bdaf7 100644
--- a/src/graphql/resolvers/Query.js
+++ b/src/graphql/resolvers/Query.js
@@ -1,6 +1,6 @@
 import UserArticleLink from 'src/database/models/userArticleLink';
 import UserSettings from 'src/database/models/userSettings';
-import AppVariable from 'src/database/models/AppVariable';
+import AppVariable from 'src/database/models/appVariable';
 import { groupEventQueue, expiredGroupEventQueue } from 'src/lib/queues';
 import { processConnection } from '../utils/connection';
 

From 9b3270e1292ea7f7927db98dfebaded3251919c1 Mon Sep 17 00:00:00 2001
From: Johnson Liang <johnsonliang7@gmail.com>
Date: Thu, 18 Apr 2024 14:29:22 +0800
Subject: [PATCH 3/5] fix: remove unused variable

---
 src/liff/pages/MgpAwardee.svelte | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/liff/pages/MgpAwardee.svelte b/src/liff/pages/MgpAwardee.svelte
index 5c25a8d5..362123dd 100644
--- a/src/liff/pages/MgpAwardee.svelte
+++ b/src/liff/pages/MgpAwardee.svelte
@@ -6,8 +6,7 @@
   let state = 'LOADING'; // LOADING, INVALID, VALID
 
   onMount(async () => {
-    isLoadingData = true;
-    const { data: {isMgpAwardee} } = await gql`
+    const { data: { isMgpAwardee } } = await gql`
       {
         isMgpAwardee
       }

From 964279a3d2dc94f5e4d6f105c9d01025f452c3fe Mon Sep 17 00:00:00 2001
From: Johnson Liang <johnsonliang7@gmail.com>
Date: Thu, 18 Apr 2024 14:53:27 +0800
Subject: [PATCH 4/5] fix: missing import

---
 src/liff/pages/MgpAwardee.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/liff/pages/MgpAwardee.svelte b/src/liff/pages/MgpAwardee.svelte
index 362123dd..d8a58fd3 100644
--- a/src/liff/pages/MgpAwardee.svelte
+++ b/src/liff/pages/MgpAwardee.svelte
@@ -1,5 +1,6 @@
 <script>
   import { onMount } from 'svelte';
+  import { gql } from '../lib';
 
   const userId = liff.getDecodedIDToken().sub;
   let iframeUrl = `https://www.surveycake.com/s/Xx6mp?ssn0=${userId}`;

From ef7e856d7d83fb0f224e0c686296e4859db2ac71 Mon Sep 17 00:00:00 2001
From: Johnson Liang <johnsonliang7@gmail.com>
Date: Thu, 18 Apr 2024 15:12:19 +0800
Subject: [PATCH 5/5] fix: AppVariables are parsed JSON variables

---
 src/graphql/resolvers/Query.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/graphql/resolvers/Query.js b/src/graphql/resolvers/Query.js
index 481bdaf7..a42c5263 100644
--- a/src/graphql/resolvers/Query.js
+++ b/src/graphql/resolvers/Query.js
@@ -29,9 +29,8 @@ export default {
   },
 
   async isMgpAwardee(root, args, { userId }) {
-    const awardees = ((await AppVariable.get('mgpAwardees')) || '')
-      .trim()
-      .split('\n');
+    const awardees = (await AppVariable.get('mgpAwardees')) || [];
+
     return awardees.includes(userId);
   },
 };