);
}
// Override the search glow via a tweak.
function GlowApplier({ tweak }) { return null; }
// Full-viewport splash shown before auth resolves — deliberately has NO
// sidebar/topbar so a signed-out visitor never sees the portal flash before the
// login redirect.
function PortalBootSplash({ redirecting }) {
return (
{redirecting ? 'Taking you to sign in…' : 'Loading…'}
);
}
function LoadingSplash() {
const canvasRef = React.useRef(null);
React.useEffect(() => {
const canvas = canvasRef.current;
if (!canvas) return;
const ctx = canvas.getContext('2d');
const off = document.createElement('canvas');
off.width = 64; off.height = 64;
const offCtx = off.getContext('2d');
const favLink = document.getElementById('pp-favicon');
const originalFav = favLink ? favLink.getAttribute('href') : null;
const originalTitle = document.title;
document.title = 'Loading — Bookable';
const img = new Image();
let ready = false, progress = 0, raf = 0, last = performance.now(), cancelled = false;
const ease = (t) => t * t * (3 - 2 * t);
function drawFill(target, size) {
target.clearRect(0, 0, size, size);
const d = size * 0.92;
const o = (size - d) / 2;
target.save();
target.globalAlpha = 0.16;
target.drawImage(img, o, o, d, d);
target.restore();
const p = ease(progress);
const revealH = size * p;
target.save();
target.beginPath();
target.rect(0, size - revealH, size, revealH);
target.clip();
target.globalAlpha = 1;
target.drawImage(img, o, o, d, d);
target.restore();
}
function frame(now) {
if (cancelled) return;
const dt = Math.min((now - last) / 1000, 0.1);
last = now;
if (ready) {
progress += dt * 0.5; // ~2s per fill
if (progress >= 1) progress = 0;
drawFill(ctx, canvas.width);
drawFill(offCtx, off.width);
if (favLink) favLink.href = off.toDataURL('image/png');
}
raf = requestAnimationFrame(frame);
}
img.onload = () => { ready = true; };
img.src = '/assets/bookable-icon.png';
raf = requestAnimationFrame((t) => { last = t; frame(t); });
return () => {
cancelled = true;
cancelAnimationFrame(raf);
document.title = originalTitle;
if (favLink && originalFav) favLink.href = originalFav;
};
}, []);
return (
Loading Bookable…
Pulling your live operator catalogue and bookings.
);
}
function DisconnectedSplash({ error }) {
return (
Can't reach Bookable
The Bookable API isn't responding. {error ? {error} : null}