pass user to typingCode comp and run action when user's done with the challange

Author: scape76

src/app/race/page.tsx

@@ -1,11 +1,15 @@
 import TypingCode from "@/components/typing/typingCode";
+import { getCurrentUser } from "@/lib/session";
 
 export default async function Race() {
+  const user = await getCurrentUser();
+
+  console.log(user);
 
   return (
     <>
       <main className="flex min-h-screen flex-col items-center justify-between p-24">
-        <TypingCode />
+        <TypingCode user={user}/>
       </main>
     </>
   );

src/components/typing/typingCode.tsx

@@ -3,10 +3,16 @@
 import { useState, useEffect } from "react";
 
 import DisplayedCode from "./displayedCode";
+import type { User } from "next-auth";
+import { saveUserResult } from "@/app/_actions/result";
 
 const code = `printf("hello world")`;
 
-export default function TypingCode() {
+interface TypingCodeProps {
+  user?: User;
+}
+
+export default function TypingCode({ user }: TypingCodeProps) {
   const [input, setInput] = useState("");
   const [startTime, setStartTime] = useState<Date | null>(null);
   const [endTime, setEndTime] = useState<Date | null>(null);
@@ -18,6 +24,8 @@ export default function TypingCode() {
       const timeTaken: number =
         (endTime.getTime() - startTime.getTime()) / 1000;
 
+      if (user) saveUserResult({ userId: user.id, timeTaken });
+
       console.log("Time taken:", timeTaken);
     }
   }, [endTime, startTime]);