From af5c3188cabb95d5f7153f0b5ba40e4ae7c35304 Mon Sep 17 00:00:00 2001
From: Nutthapong Dissanont <tontooey@gmail.com>
Date: Fri, 4 Aug 2023 18:01:26 +0700
Subject: [PATCH 1/3] feat: api integration

---
 src/pages/staff/scan.tsx | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/pages/staff/scan.tsx b/src/pages/staff/scan.tsx
index 2f4dd7b..1d91828 100644
--- a/src/pages/staff/scan.tsx
+++ b/src/pages/staff/scan.tsx
@@ -6,12 +6,15 @@ import { useRouter } from 'next/router';
 import { useAuth } from '@/context/AuthContext';
 import Link from 'next/link';
 import NotAllowed from '@/components/NotAllowed';
+import { useToast } from '@/components/Toast';
+import { httpPost } from '@/utils/axios';
 
 function Scan() {
     const { isAuthenticated, isReady, user } = useAuth();
     const [data, setData] = useState<string | null>(null);
     const [isScanned, setIsScanned] = useState<boolean>(false);
     const router = useRouter();
+    const toast = useToast();
 
     const handleScanResult = (token: any, error: any) => {
         if (token) {
@@ -22,9 +25,23 @@ function Scan() {
         }
     };
 
+    const checkIn = async (token: string) => {
+        const { status } = await httpPost(
+            '/staff/checkin_freshy_night/' + token,
+            {}
+        );
+        if (status === 200) {
+            toast?.setToast('success', 'Checked in successfully');
+        } else if (status === 400) {
+            toast?.setToast('error', 'Bad request');
+        } else if (status === 401) {
+            toast?.setToast('error', 'Unauthorized');
+        }
+    };
+
     useEffect(() => {
         if (data && !isScanned) {
-            //Call api
+            checkIn(data);
             setIsScanned(true);
             setData(null);
         }

From 05ce3a5961b7b5af8124d6fb09ac9ccd01888244 Mon Sep 17 00:00:00 2001
From: boomchanotai <boom9387@hotmail.com>
Date: Sat, 5 Aug 2023 12:16:24 +0700
Subject: [PATCH 2/3] feat: staff auth

---
 src/pages/staff.tsx | 47 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)

diff --git a/src/pages/staff.tsx b/src/pages/staff.tsx
index 1d91828..cb98312 100644
--- a/src/pages/staff.tsx
+++ b/src/pages/staff.tsx
@@ -8,6 +8,7 @@ import Link from 'next/link';
 import NotAllowed from '@/components/NotAllowed';
 import { useToast } from '@/components/Toast';
 import { httpPost } from '@/utils/axios';
+import Button from '@/components/WalkRally/Home/components/Button';
 
 function Scan() {
     const { isAuthenticated, isReady, user } = useAuth();
@@ -16,6 +17,28 @@ function Scan() {
     const router = useRouter();
     const toast = useToast();
 
+    const [canAccess, setCanAccess] = useState<boolean>(false);
+    const [password, setPassword] = useState<string>('');
+
+    const handleSavePassword = () => {
+        if (password === 'lmao123456-thee') {
+            localStorage.setItem('access', 'true');
+            setCanAccess(true);
+            toast?.setToast('success', 'Logged in successfully');
+        } else {
+            toast?.setToast('error', 'Wrong password');
+        }
+    };
+
+    useEffect(() => {
+        const access = localStorage.getItem('access');
+        if (access === 'true') {
+            setCanAccess(true);
+        } else {
+            setCanAccess(false);
+        }
+    }, []);
+
     const handleScanResult = (token: any, error: any) => {
         if (token) {
             setData(token.text);
@@ -50,6 +73,30 @@ function Scan() {
     if (!isAuthenticated || !isReady || user?.studentID.startsWith('66'))
         return <NotAllowed />;
 
+    if (!canAccess) {
+        return (
+            <div className="mx-8 flex min-h-screen flex-col items-center justify-center">
+                <div className="flex w-full max-w-sm flex-col items-center justify-center space-y-6 rounded-lg bg-white p-8 text-black shadow-lg">
+                    <h2 className="text-2xl font-bold">Login for Staff</h2>
+                    <div className="space-y-4">
+                        <input
+                            type="password"
+                            onChange={(e) => setPassword(e.target.value)}
+                            placeholder="Password"
+                            className="w-full rounded-lg border border-black px-4 py-2 outline-none"
+                        />
+                        <Button
+                            onClick={() => handleSavePassword()}
+                            color="pink"
+                        >
+                            Submit
+                        </Button>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+
     return (
         <div className="flex min-h-screen flex-col items-center justify-center">
             <div className="relative w-full">

From 770a663845330f6e5df48cf2da3794844fdf257b Mon Sep 17 00:00:00 2001
From: betich <betich365@gmail.com>
Date: Sat, 5 Aug 2023 16:19:44 +0700
Subject: [PATCH 3/3] feat: add 'go to next scene' text

---
 src/components/Game/lib/Scene.tsx | 339 ++++++++++++++++++++++--------
 1 file changed, 247 insertions(+), 92 deletions(-)

diff --git a/src/components/Game/lib/Scene.tsx b/src/components/Game/lib/Scene.tsx
index 5b41317..cdcf5a4 100644
--- a/src/components/Game/lib/Scene.tsx
+++ b/src/components/Game/lib/Scene.tsx
@@ -1,6 +1,14 @@
 import React from 'react';
 import { Scene } from '../types/scene';
 
+const GoToNextScene = () => {
+    return (
+        <p className="mt-4 animate-pulse text-center text-sm text-opacity-25">
+            แตะเพื่อไปต่อ
+        </p>
+    );
+};
+
 const GameScene: Scene = {
     Game01: {
         bg: '1',
@@ -18,20 +26,32 @@ const GameScene: Scene = {
     Game02: {
         bg: '2',
         message: (
-            <p className="text-black">เบื้องหน้าคุณคือจอโฮโลแกรมสว่างวาบ</p>
+            <div className="text-black">
+                <p>เบื้องหน้าคุณคือจอโฮโลแกรมสว่างวาบ</p>
+                <GoToNextScene />
+            </div>
         ),
         choices: [],
         goto: 'Game03',
     },
     Game03: {
         bg: '3',
-        message: <p className="text-white">กำลังเชื่อมต่อระบบ</p>,
+        message: (
+            <div className="text-white">
+                <p>กำลังเชื่อมต่อระบบ</p>
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game04',
     },
     Game04: {
         bg: '4',
-        message: <></>,
+        message: (
+            <div className="text-white">
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game05',
     },
@@ -42,6 +62,7 @@ const GameScene: Scene = {
                 อีกไม่กี่อึดใจข้างหน้า
                 <br />
                 ยานบินลำนี้จะพาคุณท่องเอกภพอันไร้พรมแดน
+                <GoToNextScene />
             </p>
         ),
         choices: [],
@@ -69,6 +90,7 @@ const GameScene: Scene = {
                 ต้องเป็นอย่างนั้นอยู่แล้ว
                 <br />
                 คุณทุ่มแรงกับภารกิจนี้ไปไม่น้อย
+                <GoToNextScene />
             </p>
         ),
         choices: [],
@@ -99,13 +121,23 @@ const GameScene: Scene = {
     },
     Game09: {
         bg: '4',
-        message: <p className="text-black">เอาล่ะ ใกล้ได้เวลาออกเดินทางแล้ว</p>,
+        message: (
+            <div className="text-black">
+                <p className="text-black">เอาล่ะ ใกล้ได้เวลาออกเดินทางแล้ว</p>
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game10',
     },
     Game10: {
         bg: '4',
-        message: <p className="text-black">จริงสิ คุณพกไอนั่นมาด้วย</p>,
+        message: (
+            <div className="text-black">
+                <p className="text-black">จริงสิ คุณพกไอนั่นมาด้วย</p>
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game11',
     },
@@ -127,43 +159,68 @@ const GameScene: Scene = {
     },
     Game12: {
         bg: '4',
-        message: <p className="text-black">ได้เวลาแล้ว</p>,
+        message: (
+            <div className="text-black">
+                <p className="text-black">ได้เวลาแล้ว</p>
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game13',
     },
     Game13: {
         bg: '4',
         message: (
-            <p className="text-black">
-                ออกเดินทางในอีก
-                <br />
-                3.. 2.. 1..
-            </p>
+            <div className="text-black">
+                <p className="text-black">
+                    ออกเดินทางในอีก
+                    <br />
+                    3.. 2.. 1..
+                </p>
+                <GoToNextScene />
+            </div>
         ),
         choices: [],
         goto: 'Game14',
     },
     Game14: {
         bg: '4',
-        message: <p className="text-black"></p>,
+        message: (
+            <div className="text-black">
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game15',
     },
     Game15: {
         bg: '15',
-        message: <p className="text-white">คุณหลุดจากชั้นบรรยากาศโลกแล้ว</p>,
+        message: (
+            <div className="text-white">
+                <p>คุณหลุดจากชั้นบรรยากาศโลกแล้ว</p>
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game16',
     },
     Game16: {
         bg: '15',
-        message: <p className="text-white"></p>,
+        message: (
+            <div className="text-white">
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game17',
     },
     Game17: {
         bg: '17',
-        message: <p className="text-white"></p>,
+        message: (
+            <div className="text-white">
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game18',
     },
@@ -186,50 +243,77 @@ const GameScene: Scene = {
     },
     Game19: {
         bg: '19',
-        message: <p className="text-white">โหมดการบินอัตโนมัติทำงาน</p>,
+        message: (
+            <div className="text-white">
+                <p>โหมดการบินอัตโนมัติทำงาน</p>
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game20',
     },
     Game20: {
         bg: '19',
-        message: <p className="text-white"></p>,
+        message: (
+            <div className="text-white">
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game21',
     },
     Game21: {
         bg: '21',
-        message: <p className="text-white"></p>,
+        message: (
+            <div className="text-white">
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game22',
     },
     Game22: {
         bg: '21',
         message: (
-            <p className="text-white">
-                บางอย่างผิดปกติ
-                <br />
-                คุณรีบปรี่เข้าไปหน้าแผงควบคุมทันที
-            </p>
+            <div className="text-white">
+                <p>
+                    บางอย่างผิดปกติ
+                    <br />
+                    คุณรีบปรี่เข้าไปหน้าแผงควบคุมทันที
+                </p>
+                <GoToNextScene />
+            </div>
         ),
         choices: [],
         goto: 'Game23',
     },
     Game23: {
         bg: '21',
-        message: <p className="text-white"></p>,
+        message: (
+            <div className="text-white">
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game24',
     },
     Game24: {
         bg: '24',
-        message: <p className="text-white"></p>,
+        message: (
+            <div className="text-white">
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game25',
     },
     Game25: {
         bg: '25',
         message: (
-            <p className="text-white">คุณรอดพ้นอุปสรรคครั้งใหญ่นั้นมาได้</p>
+            <div className="text-white">
+                <p>คุณรอดพ้นอุปสรรคครั้งใหญ่นั้นมาได้</p>
+                <GoToNextScene />
+            </div>
         ),
         choices: [],
         goto: 'Game26',
@@ -237,13 +321,16 @@ const GameScene: Scene = {
     Game26: {
         bg: '15',
         message: (
-            <p className="text-white">
-                แต่ก็ชักจะไม่แน่ใจแล้วว่า
-                <br />
-                ทางข้างหน้าคือทางเดียวกับ
-                <br />
-                ที่คุณและทีมได้วางแผนไว้
-            </p>
+            <div className="text-white">
+                <p>
+                    แต่ก็ชักจะไม่แน่ใจแล้วว่า
+                    <br />
+                    ทางข้างหน้าคือทางเดียวกับ
+                    <br />
+                    ที่คุณและทีมได้วางแผนไว้
+                </p>
+                <GoToNextScene />
+            </div>
         ),
         choices: [],
         goto: 'Game27',
@@ -268,11 +355,14 @@ const GameScene: Scene = {
     Game28: {
         bg: '15',
         message: (
-            <p className="text-white">
-                คุณวางมือที่ชื้นเหงื่อลงบนแผงควบคุม
-                <br />
-                รอบขมับเต้นตุบ ๆ จากความเครียด
-            </p>
+            <div className="text-white">
+                <p className="">
+                    คุณวางมือที่ชื้นเหงื่อลงบนแผงควบคุม
+                    <br />
+                    รอบขมับเต้นตุบ ๆ จากความเครียด
+                </p>
+                <GoToNextScene />
+            </div>
         ),
         choices: [],
         goto: 'Game29',
@@ -280,18 +370,25 @@ const GameScene: Scene = {
     Game29: {
         bg: '29',
         message: (
-            <p className="text-white">
-                ยังไม่ทันจะได้หายใจทั่วท้อง
-                <br />
-                แสงบางอย่างก็ปรากฎหน้ายานของคุณ
-            </p>
+            <div className="text-white">
+                <p className="">
+                    ยังไม่ทันจะได้หายใจทั่วท้อง
+                    <br />
+                    แสงบางอย่างก็ปรากฎหน้ายานของคุณ
+                </p>
+                <GoToNextScene />
+            </div>
         ),
         choices: [],
         goto: 'Game30',
     },
     Game30: {
         bg: '30',
-        message: <p className="text-white"></p>,
+        message: (
+            <div className="text-white">
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game31',
     },
@@ -313,7 +410,10 @@ const GameScene: Scene = {
     Game32: {
         bg: '32',
         message: (
-            <p className="text-black">วินาทีนั้น แสงก็พุ่งมาอยู่ตรงหน้า</p>
+            <div className="text-black">
+                <p>วินาทีนั้น แสงก็พุ่งมาอยู่ตรงหน้า</p>
+                <GoToNextScene />
+            </div>
         ),
         choices: [],
         goto: 'Game33',
@@ -321,18 +421,25 @@ const GameScene: Scene = {
     Game33: {
         bg: '33',
         message: (
-            <p className="text-white">
-                คุณจึงได้รู้ว่ามันคือ
-                <br />
-                สัญญาณขอความช่วยเหลือของยานอีกลํา
-            </p>
+            <div className="text-white">
+                <p>
+                    คุณจึงได้รู้ว่ามันคือ
+                    <br />
+                    สัญญาณขอความช่วยเหลือของยานอีกลํา
+                </p>
+                <GoToNextScene />
+            </div>
         ),
         choices: [],
         goto: 'Game34',
     },
     Game34: {
         bg: '34',
-        message: <p className="text-white"></p>,
+        message: (
+            <div className="text-white">
+                <GoToNextScene />s
+            </div>
+        ),
         choices: [],
         goto: 'Game36',
     },
@@ -340,11 +447,14 @@ const GameScene: Scene = {
     Game36: {
         bg: '34',
         message: (
-            <p className="text-white">
-                คุณตัดสินใจอยู่ช่วยพวกเขาจนถึงที่สุด
-                <br />
-                กระทั่งทุกอย่างผ่านพ้นด้วยดี
-            </p>
+            <div className="text-white">
+                <p className="">
+                    คุณตัดสินใจอยู่ช่วยพวกเขาจนถึงที่สุด
+                    <br />
+                    กระทั่งทุกอย่างผ่านพ้นด้วยดี
+                </p>
+                <GoToNextScene />
+            </div>
         ),
         choices: [],
         goto: 'Game37',
@@ -352,24 +462,27 @@ const GameScene: Scene = {
     Game37: {
         bg: '37',
         message: (
-            <p className="text-white">
-                พวกเขาจึงเสนอมอบบัตรเชิญร่วมงาน
-                <br />
-                “Freshmen night”
-                <br />
-                แก่คุณเป็นการตอบแทน
-                <br />
-                เป็นงานสุดยิ่งใหญ่อลังการ
-                <br />
-                ที่เปิดโอกาสให้นักท่องอวกาศทุกคนในสถาบัน
-                <br />
-                ไม่จำกัดฝ่าย ได้ร่วมสนุกและเพลิดเพลินไปกับ
-                <br />
-                คํ่าคืนที่งานรับเพื่อนก้าวใหม่จะมอบให้พวกคุณ
-                <br />
-                ในวันที่ 6 สิงหาคม พ.ศ.2566 ที่จะถึงนี้
-                <br />
-            </p>
+            <div className="text-white">
+                <p className="">
+                    พวกเขาจึงเสนอมอบบัตรเชิญร่วมงาน
+                    <br />
+                    “Freshmen night”
+                    <br />
+                    แก่คุณเป็นการตอบแทน
+                    <br />
+                    เป็นงานสุดยิ่งใหญ่อลังการ
+                    <br />
+                    ที่เปิดโอกาสให้นักท่องอวกาศทุกคนในสถาบัน
+                    <br />
+                    ไม่จำกัดฝ่าย ได้ร่วมสนุกและเพลิดเพลินไปกับ
+                    <br />
+                    คํ่าคืนที่งานรับเพื่อนก้าวใหม่จะมอบให้พวกคุณ
+                    <br />
+                    ในวันที่ 6 สิงหาคม พ.ศ.2566 ที่จะถึงนี้
+                    <br />
+                </p>
+                <GoToNextScene />
+            </div>
         ),
         choices: [],
         goto: 'Game38',
@@ -393,19 +506,33 @@ const GameScene: Scene = {
     },
     Game39: {
         bg: '34',
-        message: <p className="text-white"></p>,
+        message: (
+            <div className="text-white">
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game40',
     },
     Game40: {
         bg: '19',
-        message: <p className="text-white">โหมดการบินอัตโนมัติทำงาน</p>,
+        message: (
+            <div className="text-white">
+                <p>โหมดการบินอัตโนมัติทำงาน</p>
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game41',
     },
     Game41: {
         bg: '19',
-        message: <p className="text-white">จบเรื่องวุ่น ๆ สักที</p>,
+        message: (
+            <div className="text-white">
+                <p>จบเรื่องวุ่น ๆ สักที</p>
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game42',
     },
@@ -436,13 +563,22 @@ const GameScene: Scene = {
     },
     Game43: {
         bg: '19',
-        message: <p className="text-white">ได้เวลาปฏิบัติงาน</p>,
+        message: (
+            <div className="text-white">
+                <p>ได้เวลาปฏิบัติงาน</p>
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game44',
     },
     Game44: {
         bg: '19',
-        message: <p className="text-white"></p>,
+        message: (
+            <div className="text-white">
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game45',
     },
@@ -474,11 +610,14 @@ const GameScene: Scene = {
     Game46: {
         bg: '19',
         message: (
-            <p className="text-white">
-                จังหวะนั้นเอง
-                <br />
-                คุณเพิ่งสังเกตเห็นจุดแปลกปลอมนอกหน้าต่าง
-            </p>
+            <div className="text-white">
+                <p>
+                    จังหวะนั้นเอง
+                    <br />
+                    คุณเพิ่งสังเกตเห็นจุดแปลกปลอมนอกหน้าต่าง
+                </p>
+                <GoToNextScene />
+            </div>
         ),
         choices: [],
         goto: 'Game47',
@@ -486,30 +625,46 @@ const GameScene: Scene = {
     Game47: {
         bg: '19',
         message: (
-            <p className="text-white">
-                พร้อม ๆ กับแจ้งเตือนสำคัญ
-                <br />
-                ที่ผุดขึ้นมาบนหน้าจอโฮโลแกรม
-            </p>
+            <div className="text-white">
+                <p>
+                    พร้อม ๆ กับแจ้งเตือนสำคัญ
+                    <br />
+                    ที่ผุดขึ้นมาบนหน้าจอโฮโลแกรม
+                </p>
+                <GoToNextScene />
+            </div>
         ),
         choices: [],
         goto: 'Game48',
     },
     Game48: {
         bg: '48',
-        message: <p></p>,
+        message: (
+            <div>
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game49',
     },
     Game49: {
         bg: '48',
-        message: <p className="text-white">ดาวของคุณถูกค้นพบแล้ว</p>,
+        message: (
+            <div className="text-white">
+                <p>ดาวของคุณถูกค้นพบแล้ว</p>
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: 'Game50',
     },
     Game50: {
         bg: 'null',
-        message: <p></p>,
+        message: (
+            <div className="text-white">
+                <GoToNextScene />
+            </div>
+        ),
         choices: [],
         goto: '',
     },