From 3b988fdfb6a0b75da387c5eca1ed819a5540dc40 Mon Sep 17 00:00:00 2001
From: Jaleel Bennett <78449846+JaleelB@users.noreply.github.com>
Date: Wed, 31 Jul 2024 12:24:42 -0400
Subject: [PATCH 1/2] converting sign out route handler to POST request to
 prevent accidental sign-outs during navigation

---
 src/app/api/sign-out/route.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/api/sign-out/route.ts b/src/app/api/sign-out/route.ts
index 8a99dc4..ca9a0a5 100644
--- a/src/app/api/sign-out/route.ts
+++ b/src/app/api/sign-out/route.ts
@@ -2,7 +2,7 @@ import { lucia, validateRequest } from "@/lib/auth";
 import { cookies } from "next/headers";
 import { redirect } from "next/navigation";
 
-export async function GET(): Promise<Response> {
+export async function POST(): Promise<Response> {
   await new Promise((resolve) => setTimeout(resolve, 1000));
 
   const { session } = await validateRequest();

From d47696f738c4b147d6c2a0280b798996115bc13a Mon Sep 17 00:00:00 2001
From: Jaleel Bennett <78449846+JaleelB@users.noreply.github.com>
Date: Wed, 31 Jul 2024 12:34:13 -0400
Subject: [PATCH 2/2] Using a form to provide better accessibility for sign-out
 action

---
 src/app/_header/header.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/_header/header.tsx b/src/app/_header/header.tsx
index 50db546..3e67240 100644
--- a/src/app/_header/header.tsx
+++ b/src/app/_header/header.tsx
@@ -123,10 +123,12 @@ async function ProfileDropdown({ userId }: { userId: UserId }) {
         <DropdownMenuLabel>{profile.displayName}</DropdownMenuLabel>
         <DropdownMenuSeparator />
         <DropdownMenuItem asChild className="cursor-pointer">
-          <Link className="flex items-center" href={"/api/sign-out"}>
-            <LogOut className="mr-2 h-4 w-4" />
-            Sign Out
-          </Link>
+          <form action="/api/sign-out" method="POST">
+            <Button type="submit" variant="ghost" className="flex items-center hover:bg-transparent">
+              <LogOut className="mr-2 h-4 w-4" />
+              Sign Out
+            </button>
+          </form>
         </DropdownMenuItem>
       </DropdownMenuContent>
     </DropdownMenu>