// Platform admin dashboard — fetches live data via JWT auth. // Login → /api/auth/login; authed calls → /api/admin/* const TOKEN_KEY = 'dsc-admin-token'; const authedFetch = (path, opts = {}) => { const token = localStorage.getItem(TOKEN_KEY); return fetch((window.__API_BASE || '') + path, { ...opts, headers: { 'Content-Type': 'application/json', ...(token ? { Authorization: `Bearer ${token}` } : {}), ...(opts.headers || {}), }, }); }; const Admin = ({ nav }) => { const [me, setMe] = React.useState(null); const [checking, setChecking] = React.useState(true); const [section, setSection] = React.useState('Overview'); // On mount, try to resolve current user from stored token. React.useEffect(() => { const token = localStorage.getItem(TOKEN_KEY); if (!token) { setChecking(false); return; } authedFetch('/api/auth/me') .then((r) => r.ok ? r.json() : null) .then((user) => { if (user?.role === 'admin') setMe(user); else if (user) localStorage.removeItem(TOKEN_KEY); }) .finally(() => setChecking(false)); }, []); if (checking) { return
Checking session…
; } if (!me) return ; return (
{/* Sidebar */} {/* Content */}
{section === 'Overview' && } {section === 'Leads' && } {section === 'Claims' && } {section === 'Users' && }
); }; // --- Login --------------------------------------------------------------- const AdminLogin = ({ onSignedIn }) => { const [email, setEmail] = React.useState('admin@droneshowcompanies.com'); const [password, setPassword] = React.useState(''); const [err, setErr] = React.useState(''); const [busy, setBusy] = React.useState(false); const submit = async (e) => { e.preventDefault(); setErr(''); setBusy(true); try { const res = await fetch((window.__API_BASE||'') + '/api/auth/login', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email, password }), }); const body = await res.json(); if (!res.ok) throw new Error(body.error || 'Login failed'); if (body.user?.role !== 'admin') throw new Error('This account is not an admin.'); localStorage.setItem(TOKEN_KEY, body.token); onSignedIn(body.user); } catch (ex) { setErr(ex.message); } finally { setBusy(false); } }; return (
Admin

Sign in

setEmail(e.target.value)} style={{ marginTop: 4, marginBottom: 14 }} /> setPassword(e.target.value)} style={{ marginTop: 4, marginBottom: 14 }} /> {err &&
{err}
}
Seeded default: admin@droneshowcompanies.com / admin123
); }; // --- Overview ------------------------------------------------------------ const AdminOverview = () => { const [stats, setStats] = React.useState(null); const [err, setErr] = React.useState(''); React.useEffect(() => { authedFetch('/api/admin/stats') .then((r) => r.ok ? r.json() : Promise.reject(r.statusText)) .then(setStats) .catch(setErr); }, []); if (err) return
Error: {String(err)}
; if (!stats) return
Loading stats…
; const cards = [ ['Operators', stats.operators, `${stats.claimedOperators} claimed`], ['Manufacturers and Tools', stats.manufacturers, null], ['Designers', stats.designers, null], ['Blog posts', stats.posts, null], ['Total leads', stats.quotes, `${stats.newQuotes} new`], ['Pending claims', stats.claimsPending, null], ['Users', stats.users, null], ]; return (

Overview

{cards.map(([label, value, hint]) => (
{label}
{value}
{hint &&
{hint}
}
))}
); }; // --- Leads (quote requests) --------------------------------------------- const AdminLeads = () => { const [rows, setRows] = React.useState(null); const [err, setErr] = React.useState(''); React.useEffect(() => { authedFetch('/api/admin/quotes').then((r) => r.ok ? r.json() : Promise.reject(r.statusText)).then(setRows).catch(setErr); }, []); if (err) return
Error: {String(err)}
; if (!rows) return
Loading leads…
; return (

Leads

{rows.length === 0 ? (
No quote requests yet.
) : (
{['When', 'Name', 'Email', 'Event', 'Location', 'Budget', 'Operator', 'Status'].map((h) => ( ))} {rows.map((q) => ( ))}
{h}
{new Date(q.created_at).toLocaleDateString()} {q.client_name || '—'} {q.client_email} {q.event_type || '—'} {q.location || '—'} {q.budget || '—'} {q.operator_name || '—'} {q.status}
)}
); }; // --- Claims -------------------------------------------------------------- const AdminClaims = () => { const [rows, setRows] = React.useState(null); const [err, setErr] = React.useState(''); React.useEffect(() => { authedFetch('/api/admin/claims').then((r) => r.ok ? r.json() : Promise.reject(r.statusText)).then(setRows).catch(setErr); }, []); if (err) return
Error: {String(err)}
; if (!rows) return
Loading claims…
; return (

Profile claims

{rows.length === 0 ? (
No claim requests yet.
) : (
{['Requested', 'Type', 'Profile', 'Claimant', 'Email', 'Status'].map((h) => ( ))} {rows.map((c) => ( ))}
{h}
{new Date(c.requested_at).toLocaleString()} {c.entity_type} {c.entity_name || `#${c.entity_id}`} {c.claimant_name || '—'} {c.claimant_email} {c.status}
)}
); }; // --- Users --------------------------------------------------------------- const AdminUsers = () => { const [rows, setRows] = React.useState(null); const [err, setErr] = React.useState(''); React.useEffect(() => { authedFetch('/api/admin/users').then((r) => r.ok ? r.json() : Promise.reject(r.statusText)).then(setRows).catch(setErr); }, []); if (err) return
Error: {String(err)}
; if (!rows) return
Loading users…
; return (

Users

{['Created', 'Email', 'Role'].map((h) => ( ))} {rows.map((u) => ( ))}
{h}
{new Date(u.created_at).toLocaleDateString()} {u.email} {u.role}
); }; Object.assign(window, { Admin });