From 7ae11890421d9ecba746816215c10c5ce6cbbb24 Mon Sep 17 00:00:00 2001
From: Hardik <shardik99@gmail.com>
Date: Sat, 16 May 2026 21:32:50 +0530
Subject: [PATCH] fix(mobile): add sign-out button to DesktopRequired screen

Users on mobile who see the "Desktop Required" wall had no way to log out.
Added a Sign out button using next-auth signOut (requires "use client").

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../components/layout/desktop-required.tsx           | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/App/pelagia-portal/components/layout/desktop-required.tsx b/App/pelagia-portal/components/layout/desktop-required.tsx
index 0aa55ef..883090a 100644
--- a/App/pelagia-portal/components/layout/desktop-required.tsx
+++ b/App/pelagia-portal/components/layout/desktop-required.tsx
@@ -1,4 +1,7 @@
-import { Monitor } from "lucide-react";
+"use client";
+
+import { Monitor, LogOut } from "lucide-react";
+import { signOut } from "next-auth/react";
 
 export function DesktopRequired() {
   return (
@@ -14,6 +17,13 @@ export function DesktopRequired() {
       <p className="mt-4 text-xs text-neutral-400 italic">
         PMS — it runs the ship, from the right seat.
       </p>
+      <button
+        onClick={() => signOut({ callbackUrl: "/login" })}
+        className="mt-8 flex items-center gap-2 rounded-lg border border-neutral-200 px-4 py-2.5 text-sm font-medium text-neutral-600 hover:bg-neutral-50 transition-colors"
+      >
+        <LogOut className="h-4 w-4" />
+        Sign out
+      </button>
     </div>
   );
 }