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>
This commit is contained in:
Hardik 2026-05-16 21:32:50 +05:30
parent f60f249c96
commit 7ae1189042

View file

@ -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>
);
}