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:
parent
f60f249c96
commit
7ae1189042
1 changed files with 11 additions and 1 deletions
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue