refactor sign out functionality

actions/auth.ts

@@ -3,8 +3,8 @@
 import { hash, verify } from "@node-rs/argon2";
 import { eq } from "drizzle-orm";
 import { generateIdFromEntropySize } from "lucia";
+import { revalidatePath } from "next/cache";
 import { cookies } from "next/headers";
-import { redirect } from "next/navigation";
 import { db } from "~/drizzle/db";
 import { user } from "~/drizzle/schema";
 import { lucia, validateRequest } from "~/utils/auth";
@@ -142,9 +142,10 @@ export async function signin(
       error: null,
     };
   } catch (error) {
+    console.error("Error while signing in", error);
     return {
       success: false,
-      error: JSON.stringify(error),
+      error: "Something went wrong! Please try again.",
     };
   }
 }
@@ -153,6 +154,7 @@ export async function signout() {
   const { session } = await validateRequest();
   if (!session) {
     return {
+      success: false,
       error: "Unauthorized",
     };
   }
@@ -165,5 +167,10 @@ export async function signout() {
     sessionCookie.value,
     sessionCookie.attributes
   );
-  return redirect("/signin");
+
+  revalidatePath("/");
+  return {
+    success: true,
+    error: null,
+  };
 }

app/_components/SignOutBtn.tsx

@@ -5,16 +5,7 @@ import { signout } from "~/actions/auth";
 import { Button } from "~/components/ui/button";
 
 const SignOutBtn = () => {
-  return (
-    <Button
-      onClick={async () => {
-        console.log("signing out");
-        await signout();
-      }}
-    >
-      Sign Out
-    </Button>
-  );
+  return <Button onClick={() => void signout()}>Sign Out</Button>;
 };
 
 export default SignOutBtn;

app/signin/_components/SignInForm.tsx

@@ -1,12 +1,10 @@
 "use client";
 
+import { useFormState } from "react-dom";
 import { signin } from "~/actions/auth";
 import { Button } from "~/components/ui/button";
 import { Input } from "~/components/ui/input";
 import { Label } from "~/components/ui/label";
-import { useFormState } from "react-dom";
-import { useEffect } from "react";
-import { redirect } from "next/navigation";
 
 const SignInForm = () => {
   const initialState = { error: null, success: false };