// Newsletter signup ("The Ledger"). Lives in the footer so it is reachable from // every page: the previous signup box sat in an unrendered home-page variant, // which left /api/subscribe with no caller anywhere on the live site. function FooterNewsletter({ navigate }) { const [email, setEmail] = React.useState(''); const [sent, setSent] = React.useState(false); const [busy, setBusy] = React.useState(false); const [error, setError] = React.useState(''); const honeypotRef = React.useRef(null); const submit = async (e) => { e.preventDefault(); if (busy) return; if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email.trim())) { setError('That email address does not look right, please check it.'); return; } setBusy(true); setError(''); try { const r = await fetch('/api/subscribe', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email: email.trim(), source: 'footer-ledger', // Honeypot: empty for people, filled by bots. The endpoint checks it. website: (honeypotRef.current && honeypotRef.current.value) || '', }), }); if (r.ok) { setSent(true); } else { const d = await r.json().catch(() => ({})); setError(d.error || 'We could not save that just now. Please try again in a moment.'); } } catch (err) { setError('We could not save that just now. Please try again in a moment.'); } setBusy(false); }; return (
The Ledger · monthly

Subscribe to The Ledger.

One email a month: policy updates, research opportunities and community events, in three or four short items. Unsubscribe any time.

{sent ? (
You are on the list. Look out for the next issue. If it does not arrive, check your junk folder and add us to your contacts.
) : (
{ setEmail(e.target.value); setError(''); }} placeholder="your@email.org.au" aria-describedby={error ? 'footer-newsletter-error' : 'footer-newsletter-privacy'} aria-invalid={error ? 'true' : undefined} style={{ flex: '1 1 220px', minWidth: 0, boxSizing: 'border-box', fontFamily: 'inherit', fontSize: 15, padding: '13px 15px', border: '1.5px solid rgba(255,255,255,0.35)', borderRadius: 5, outline: 'none', color: '#0D1B2A', background: '#fff', }} /> {/* Honeypot: invisible to people, irresistible to bots. */}
{error && ( )}
)}
); } function Footer({ navigate }) { const cols = [ { title: 'Support', links: [ ['Newly diagnosed', 'newly-diagnosed'], ['Use our navigation tool', 'navigator'], ['Understand SCN2A & DEE', 'understand'], ['Seizure types & management', 'seizures'], ['NDIS Navigation', 'ndis'], ['Carer support', 'carers'], ] }, { title: 'Driving change', links: [ ['Our impact', 'impact'], ['Clinical trials', 'trials'], ['Research opportunities', 'research'], ['Publications', 'publications'], ['Global collaboration', 'global'], ['Blogs & news', 'news'], ] }, { title: 'Get involved', links: [ ['Donate or fundraise', 'https://give.scn2aaustralia.org/'], ['All ways to get involved', 'involved'], ['Partner with us', 'partners'], ] }, { title: 'About', links: [ ['Our story', 'about'], ['Our team', 'about'], ['Our impact', 'impact'], ['Partners', 'partners'], ['Contact us', 'contact'], ] }, ]; return ( ); } Object.assign(window, { Footer });