feat: add awardee check to mgpAwardee

cofacts · Apr 18, 2024 · c29d97b · c29d97b
1 parent 2042fa4
commit c29d97b
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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}