From 7cd38e539932d38c119fad4a592cbd78bc1819f3 Mon Sep 17 00:00:00 2001
From: Kevin Monisit <monisitkevin@gmail.com>
Date: Tue, 19 Mar 2024 13:27:59 -0400
Subject: [PATCH] Work on event scanning

---
 app/dashboard/page.tsx                |  6 ++----
 app/dashboard/views/organizerView.tsx | 17 ++++++++++++++--
 app/lib/actions.ts                    | 29 +++++++++++++++++++++------
 3 files changed, 40 insertions(+), 12 deletions(-)

diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx
index b0af856..8db78a7 100644
--- a/app/dashboard/page.tsx
+++ b/app/dashboard/page.tsx
@@ -172,7 +172,7 @@ export default function Dashboard() {
     );
   }
 
-  if (userData?.role['organizer']) {
+  if (!userData?.role['organizer']) {
     return (<OrganizerView />)
   }
   else if (userData?.role['director']) {
@@ -203,7 +203,7 @@ export default function Dashboard() {
               </div>
             </CardHeader>
             <CardContent>
-              <div className="flex flex-col items-center justify-center space-y-4">
+              <div className="flex flex-col items-center justify-center space-y-4 bg-white p-4 rounded-md">
                 <QRCode value={userData?.email} size={256} />
               </div>
             </CardContent>
@@ -211,9 +211,7 @@ export default function Dashboard() {
 
           <Card className="w-full max-w-2xl">
             <form onSubmit={handleSubmit(onSubmit)}>
-
               <CardHeader>
-
                 <div className="flex flex-row items-center justify-center">
                   <div className='flex flex-col'>
                     <CardTitle>Profile</CardTitle>
diff --git a/app/dashboard/views/organizerView.tsx b/app/dashboard/views/organizerView.tsx
index 91bf952..688dc70 100644
--- a/app/dashboard/views/organizerView.tsx
+++ b/app/dashboard/views/organizerView.tsx
@@ -35,7 +35,7 @@ function ScanStatus(props: { status: STATUS, scanType: ScannerTab }) {
         }
         {
           status === "PENDING" &&
-          <p className="text-orange-400">Come again later at ${timeWhenAllHackersCanComeThrough.toString()}</p>
+          <p className="text-orange-400">Come again later at {timeWhenAllHackersCanComeThrough.toString()}</p>
         }
         {
           status === "FAILED" &&
@@ -61,8 +61,10 @@ function OrganizerView() {
   const [openScanner, setOpenScanner] = useState<boolean>(false);
   const [scannerTab, setScannerTab] = useState<ScannerTab>("CHECK IN");
   const [selectedEvent, setSelectedEvent] = useState<string>("");
+  const [scanResponse, setScanResponse] = useState<string>("");
 
   const handleOnScan = async (result: string) => {
+    setStatus("AWAITING RESPONSE");
     if (scannerTab === "CHECK IN") {
       const resp = await GetUser(result);
       if (typeof resp.response === 'string') {
@@ -84,7 +86,15 @@ function OrganizerView() {
         alert("Please select an event first!");
       }
 
-      AttendEventScan(selectedEvent, result);
+      const resp = await AttendEventScan(result, selectedEvent);
+      if (resp.error !== '') {
+        setStatus("FAILED");
+        setScanResponse(resp.error);
+        return;
+      }
+
+      setScanResponse(resp.response);
+      setStatus("SUCCESSFUL");
     }
   };
 
@@ -127,6 +137,9 @@ function OrganizerView() {
                   onChange={handleEventSelectChange}
                 />
             }
+            <p className="text-center">
+              {scanResponse}
+            </p>
             <button
               className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mt-10"
               onClick={() => setOpenScanner(!openScanner)}
diff --git a/app/lib/actions.ts b/app/lib/actions.ts
index a4ee6e6..fee7cec 100644
--- a/app/lib/actions.ts
+++ b/app/lib/actions.ts
@@ -534,8 +534,13 @@ export async function UploadResume(file: FormData) {
 export async function AttendEventScan(
   scannedEmail: string,
   event: string,
-): Promise<string> {
+): Promise<{
+  error: string;
+  response: string;
+}> {
   const session = await auth();
+  let response_message = '';
+  let error_message = '';
 
   if (session?.user) {
     const { email, name } = session.user;
@@ -546,7 +551,7 @@ export async function AttendEventScan(
       token: name,
       qr: scannedEmail,
       event: event,
-      again: '',
+      again: false,
     };
 
     const resp = await fetch(ENDPOINTS.attend, {
@@ -557,15 +562,27 @@ export async function AttendEventScan(
       body: JSON.stringify(content),
     });
 
+    const json = await resp.json();
+
     const status = resp.status;
     if (status === 200) {
-      return `${scannedEmail} successfully logged in to {event}!`;
+      if (!json.body || !('email' in json.body) || 'new_count' in json.body) {
+        error_message = `An error occured when attempting to attend event. Invalid response.`;
+      } else {
+        response_message = `${json.body['email']} successfully logged in to ${event}!
+         Count: ${json.body['new_count']}`;
+      }
     } else if (status === 402) {
-      return `User ${scannedEmail} is already checked in to {event}!`;
+      error_message = `User ${scannedEmail} is already checked in to ${event}!`;
     } else if (status === 404) {
-      return `USER not FOUND. Please try again.`;
+      error_message = `USER not FOUND. Please try again.`;
     }
+  } else {
+    error_message = 'Invalid user session. Please login.';
   }
 
-  return 'Invalid user session. Please login.';
+  return {
+    error: error_message,
+    response: response_message,
+  };
 }