diff --git a/apps/web/src/components/admin/scanner/CheckinScanner.tsx b/apps/web/src/components/admin/scanner/CheckinScanner.tsx
index d13c2be4..525ad748 100644
--- a/apps/web/src/components/admin/scanner/CheckinScanner.tsx
+++ b/apps/web/src/components/admin/scanner/CheckinScanner.tsx
@@ -3,11 +3,11 @@
import { useState, useEffect } from "react";
import { QrScanner } from "@yudiel/react-qr-scanner";
import superjson from "superjson";
-import { checkInUser } from "@/actions/admin/scanner-admin-actions";
-import { useAction } from "next-safe-action/hooks";
+import { checkInUserToHackathon } from "@/actions/admin/scanner-admin-actions";
import { type QRDataInterface } from "@/lib/utils/shared/qr";
import type { User } from "db/types";
-
+import clsx from "clsx";
+import { useAction } from "next-safe-action/hooks";
import {
Drawer,
DrawerContent,
@@ -19,16 +19,8 @@ import {
import { Button } from "@/components/shadcn/ui/button";
import { useRouter, usePathname, useSearchParams } from "next/navigation";
import { toast } from "sonner";
-
-/*
-
-Pass Scanner Props:
-
-eventName: name of the event that the user is scanning into
-hasScanned: if the state has eventered one in which a QR has been scanned (whether that scan has scanned before or not)
-scan: the scan object that has been scanned. If they have not scanned before scan will be null leading to a new record or if they have then it will incriment the scan count.
-
-*/
+import { FIVE_MINUTES_IN_MILLISECONDS } from "@/lib/constants";
+import { ValidationErrors } from "next-safe-action";
interface CheckinScannerProps {
hasScanned: boolean;
@@ -43,9 +35,9 @@ export default function CheckinScanner({
scanUser,
hasRSVP,
}: CheckinScannerProps) {
+ console.log("scanner props is: ", hasScanned, checkedIn, scanUser, hasRSVP);
+
const [scanLoading, setScanLoading] = useState(false);
- // const { execute: runScanAction } = useAction(checkInUser, {});
- const [proceed, setProceed] = useState(hasRSVP);
useEffect(() => {
if (hasScanned) {
setScanLoading(false);
@@ -56,22 +48,83 @@ export default function CheckinScanner({
const path = usePathname();
const router = useRouter();
+ function handleUseActionFeedback(hasErrored = false, message = "") {
+ console.log("called");
+ toast.dismiss();
+ hasErrored
+ ? toast.error(message || "Failed to Check User Into Hackathon")
+ : toast.success(
+ message || "Successfully Checked User Into Hackathon!",
+ );
+ router.replace(`${path}`);
+ }
+
+ const { execute: runCheckInUserToHackathon } = useAction(
+ checkInUserToHackathon,
+ {
+ onSuccess: () => {
+ handleUseActionFeedback();
+ },
+ onError: ({ error, input }) => {
+ console.log("error is: ", error);
+ console.log("input is: ", input);
+ if (error.validationErrors?.QRTimestamp?._errors) {
+ handleUseActionFeedback(
+ true,
+ error.validationErrors.QRTimestamp._errors[0],
+ );
+ } else {
+ handleUseActionFeedback(true);
+ }
+ },
+ },
+ );
+
function handleScanCreate() {
const params = new URLSearchParams(searchParams.toString());
const timestamp = parseInt(params.get("createdAt") as string);
+
+ if (!scanUser) {
+ return alert("User Not Found");
+ }
+
if (isNaN(timestamp)) {
return alert("Invalid QR Code Data (Field: createdAt)");
}
+ if (Date.now() - timestamp > FIVE_MINUTES_IN_MILLISECONDS) {
+ return alert(
+ "QR Code has expired. Please tell user to refresh the QR Code",
+ );
+ }
+
if (checkedIn) {
return alert("User Already Checked in!");
} else {
- // TODO: make this a little more typesafe
- checkInUser(scanUser?.clerkID!);
+ toast.loading("Checking User In");
+ runCheckInUserToHackathon({
+ userID: scanUser.clerkID,
+ QRTimestamp: timestamp,
+ });
}
- toast.success("Successfully Scanned User In");
- router.replace(`${path}`);
+ router.replace(path);
}
+ const drawerTitle = checkedIn
+ ? "User Already Checked In"
+ : !hasRSVP
+ ? "Warning!"
+ : "New Scan";
+ const drawerDescription = checkedIn
+ ? "If this is a mistake, please talk to an admin"
+ : !hasRSVP
+ ? `${scanUser?.firstName} ${scanUser?.lastName} Is not RSVP'd`
+ : `New scan for ${scanUser?.firstName} ${scanUser?.lastName}`;
+ const drawerFooterButtonText = checkedIn
+ ? "Close"
+ : !hasRSVP
+ ? "Check In Anyways"
+ : "Scan User In";
+
return (
<>
@@ -108,11 +161,6 @@ export default function CheckinScanner({
}}
/>
- {/*
-
-
-
-
*/}