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() {
|
export function DesktopRequired() {
|
||||||
return (
|
return (
|
||||||
|
|
@ -14,6 +17,13 @@ export function DesktopRequired() {
|
||||||
<p className="mt-4 text-xs text-neutral-400 italic">
|
<p className="mt-4 text-xs text-neutral-400 italic">
|
||||||
PMS — it runs the ship, from the right seat.
|
PMS — it runs the ship, from the right seat.
|
||||||
</p>
|
</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>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue