// admin-shared.jsx — auth, login gate, shared icons + Confirm dialog. const ADMIN_ICONS = { plus: (p) => , trash: (p) => , check: (p) => , back: (p) => , logout: (p) => , lock: (p) => , inbox: (p) => , users: (p) => , shield: (p) => , cal: (p) => , doc: (p) => , chev: (p) => , search: (p) => , edit: (p) => , eye: (p) => , vote: (p) => , info: (p) => , trophy: (p) => }; // ── Auth ──────────────────────────────────────────────────── function useAuth() { const [session, setSession] = React.useState(null); const [loading, setLoading] = React.useState(true); React.useEffect(() => { // Try to restore session from ATS (which fetches from API) if (!window.ATS) { setLoading(false); return; } ATS.getSession().then(s => { setSession(s); setLoading(false); }).catch(() => { setLoading(false); }); }, []); const logout = async () => { if (window.ATS) await ATS.clearSession(); setSession(null); window.location.href = 'index.html'; }; const login = async (email, name, role, id) => { const s = { email, name, role: role || 'staff', id: id || 0, at: Date.now() }; if (window.ATS) ATS.setSession(s); setSession(s); }; return { session, loading, login, logout }; } function LoginGate({ onLogin }) { const [email, setEmail] = React.useState(''); const [pass, setPass] = React.useState(''); const [err, setErr] = React.useState(''); const [loggingIn, setLoggingIn] = React.useState(false); const submit = async (e) => { e.preventDefault(); if (!email || !pass) { setErr('Both fields required.'); return; } setLoggingIn(true); try { const res = await fetch('/api/auth/sign-in/email', { method: 'POST', credentials: 'include', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email, password: pass }), }); if (!res.ok) { const errData = await res.json().catch(() => ({})); setErr(errData.error || 'Invalid credentials'); setLoggingIn(false); return; } // Fetch fresh session const sessionRes = await fetch('/api/auth/session', { credentials: 'include' }); const sessionData = await sessionRes.json(); if (!sessionData?.user) { setErr('Could not establish session'); setLoggingIn(false); return; } onLogin( sessionData.user.email, sessionData.user.name, sessionData.user.role || 'staff', sessionData.user.id ); } catch (e) { setErr('Login failed: ' + e.message); setLoggingIn(false); } }; return (
Admin access

Officer log in

Sign in with your 4wos account.

setEmail(e.target.value)} placeholder="admin@4wos.com" />
setPass(e.target.value)} placeholder="••••••••" />
{err &&
{err}
}
); } // ── Reusable inline modal ─────────────────────────────────── function Confirm({ open, onClose, onConfirm, title = 'Are you sure?', confirmText = 'Confirm', children, danger }) { return (
{ if (e.target === e.currentTarget) onClose(); }}>

{title}

{children}
); } Object.assign(window, { ADMIN_ICONS, useAuth, LoginGate, Confirm });