Fix SSO popup login 500 and add branded signed-out pages.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-09 15:46:30 +00:00
parent cd3ba1f334
commit e88e10227d
4 changed files with 62 additions and 15 deletions
@@ -0,0 +1,52 @@
+@php
+    $signedOut = (array) config('signed_out');
+    $logo = (string) ($signedOut['logo'] ?? 'images/logo/ladillgive-logo.svg');
+    $logoPath = public_path($logo);
+@endphp
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+    <title>Signed out — {{ $signedOut['title'] ?? config('app.name') }}</title>
+    @include('partials.favicon')
+    <link rel="preconnect" href="https://fonts.bunny.net">
+    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600,700&display=swap" rel="stylesheet" />
+    @vite(['resources/css/app.css'])
+    <meta name="robots" content="noindex">
+</head>
+<body class="flex min-h-screen items-center justify-center bg-slate-100 px-4 py-10 font-sans antialiased">
+    <div class="w-full max-w-md overflow-hidden rounded-3xl bg-white shadow-xl shadow-slate-200/70">
+        <div class="h-1.5" style="background: linear-gradient(90deg, {{ $signedOut['gradient_from'] ?? '#4f46e5' }} 0%, {{ $signedOut['gradient_to'] ?? '#7c3aed' }} 100%);"></div>
+
+        <div class="px-6 pb-8 pt-7 text-center sm:px-8">
+            <img src="{{ asset($logo) }}?v={{ @filemtime($logoPath) ?: '1' }}"
+                 alt="{{ $signedOut['title'] ?? config('app.name') }}"
+                 class="mx-auto h-7 w-auto">
+
+            <div @class([
+                'mx-auto mt-6 flex h-14 w-14 items-center justify-center rounded-2xl',
+                $signedOut['icon_wrapper_class'] ?? 'bg-indigo-50 text-indigo-700',
+            ])>
+                <svg class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                    <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0 3-3m0 0-3-3m3 3H9" />
+                </svg>
+            </div>
+
+            <h1 class="mt-5 text-xl font-semibold text-slate-900">You’re signed out</h1>
+            <p class="mt-2 text-sm leading-relaxed text-slate-500">
+                {{ $signedOut['description'] ?? ('Your '.($signedOut['title'] ?? config('app.name')).' session has ended. Sign in again to continue.') }}
+            </p>
+
+            <a href="{{ route('sso.connect') }}" class="btn-primary btn-primary-lg mt-7 w-full">
+                Sign in again
+            </a>
+
+            <a href="{{ 'https://'.config('app.platform_domain') }}"
+               class="mt-4 inline-block text-sm font-medium text-slate-500 transition hover:text-slate-800">
+                Go to ladill.com
+            </a>
+        </div>
+    </div>
+</body>
+</html>
@@ -10,12 +10,13 @@
        (function () {
            var intended = @json($intended);
            var appOrigin = @json($appOrigin);
+            var fallbackUrl = @json($fallbackUrl);
            @if ($error)
            if (window.opener) {
                window.opener.postMessage({ type: 'ladill:sso:error' }, appOrigin);
                window.close();
            } else {
-                window.location.replace(@json(route('sso.connect', ['redirect' => $intended, 'interactive' => 1, 'fallback' => 1])));
+                window.location.replace(fallbackUrl);
            }
            @else
            if (window.opener) {
@@ -1,14 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Signed out — Ladill QR Plus</title>
-</head>
-<body class="flex min-h-screen items-center justify-center bg-slate-100 font-sans antialiased">
-    <div class="text-center">
-        <p class="text-slate-600">You have been signed out of Ladill QR Plus.</p>
-        <a href="{{ route('sso.connect') }}" class="mt-4 inline-block text-sm font-medium text-indigo-600 hover:text-indigo-800">Sign in again</a>
-    </div>
-</body>
-</html>
+@include('auth.signed-out')