added an extra sign-in link in the results page for for unsigned users

packages/app/src/app/result/page.tsx

@@ -10,7 +10,7 @@ import {
   getBestCPM,
   getCurrentRaceResult,
   getSnippetVote,
-  getUserResultsForSnippet
+  getUserResultsForSnippet,
 } from "./loaders";
 
 // Components
@@ -27,6 +27,7 @@ import { ReplayCode } from "./replay-timestamps";
 import { ResultChart } from "./result-chart";
 import { TopTable } from "./topten";
 import { Voting } from "./voting";
+import SignInLink from "./sign-in-link";
 
 type ResultPageProps = {
   searchParams: {
@@ -259,6 +260,7 @@ async function UnauthenticatedPage({ snippetId }: UnauthenticatedPageProps) {
           title="Your Race Results"
           description="You did great! View your race results below"
         />
+        <SignInLink />
       </div>
 
       <div className="flex flex-col px-8 rounded-xl">
@@ -320,4 +322,4 @@ async function UnauthenticatedPage({ snippetId }: UnauthenticatedPageProps) {
       </div>
     </main>
   );
-}
+}

packages/app/src/app/result/sign-in-link.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { signIn } from "next-auth/react";
+
+const SignInLink = () => {
+  return (
+    <p className="m-auto text  text-sm ">
+      <span
+        onClick={() =>
+          signIn("github", {
+            callbackUrl: `${location.origin}`,
+          })
+        }
+        className="text-primary underline cursor-pointer"
+      >
+        Sign in
+      </span>{" "}
+      <span className="text-muted-foreground">to save your next race !</span>
+    </p>
+  );
+};
+
+export default SignInLink;