Add stub functions to periodically query resource blob

Author: alvinlim277

peerprep/components/questionpage/Matchmaking.tsx

@@ -1,28 +1,58 @@
 "use client";
-import React from "react";
+import React, { useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 import PeerprepButton from "../shared/PeerprepButton";
 import { useQuestionFilter } from "@/contexts/QuestionFilterContext";
+const QUERY_INTERVAL_MILLISECONDS = 3000;
+const usePeriodicCallback = (
+  callback: () => void,
+  intervalTime: number,
+  isActive: boolean
+) => {
+  useEffect(() => {
+    if (!isActive) return;
+
+    const interval = setInterval(callback, intervalTime);
+
+    return () => clearInterval(interval);
+  }, [callback, intervalTime, isActive]);
+};
 
 const Matchmaking = () => {
   const router = useRouter();
+  const [isMatching, setIsMatching] = useState(false);
   const { difficulty, topics } = useQuestionFilter();
 
   const handleMatch = () => {
-    console.log("Match attempted");
-    console.log("Selected Difficulty:", difficulty);
-    console.log("Selected Topics:", topics);
+    if (!isMatching) {
+      setIsMatching(true);
+      console.log("Match attempted");
+      console.log("Selected Difficulty:", difficulty);
+      console.log("Selected Topics:", topics);
+    } else {
+      setIsMatching(false);
+      console.debug("User stopped matching");
+    }
+
     // username as userid?
     // should probably just use the questionlist selections as params
   };
 
+  const queryResource = () => {
+    console.debug("Querying resource blob for matchmaking status");
+  };
+
+  usePeriodicCallback(queryResource, QUERY_INTERVAL_MILLISECONDS, isMatching);
+
   return (
     // TODO: move this to some admin panel or something
     <div className="p-4 space-x-4">
       <PeerprepButton onClick={() => router.push(`questions/new`)}>
         Add Question
       </PeerprepButton>
-      <PeerprepButton onClick={handleMatch}>Find Match</PeerprepButton>
+      <PeerprepButton onClick={handleMatch}>
+        {isMatching ? "Cancel Match" : "Find Match"}
+      </PeerprepButton>
     </div>
   );
 };

peerprep/contexts/UserInfoContext.tsx

@@ -1 +1,2 @@
 // maybe store  SAFE user info and wrap the whole damn app in it
+// username, userid?, userstate (matching, idle, inmenu)

peerprep/middleware.ts

@@ -1,6 +1,6 @@
 import { cookies } from "next/headers";
 import { NextResponse } from "next/server";
-import type { NextRequest } from "next/server";
+import { NextRequest } from "next/server";
 
 function isNoSession(request: NextRequest): boolean {
   return (
@@ -15,6 +15,11 @@ function isSession(request: NextRequest): boolean {
 }
 
 export function middleware(request: NextRequest) {
+  // TODO DELETE THIS LATER
+  if (process.env.NEXT_BYPASS_LOGIN === "yesplease") {
+    return NextResponse.next();
+  }
+
   if (isNoSession(request)) {
     return NextResponse.redirect(new URL("/questions", request.url));
   }