setMenuOpen(false)} />}
);
};
/* ---------- Format seconds as mm:ss ---------- */
const fmt = (s) => {
const m = Math.floor(s / 60);
const r = Math.floor(s % 60);
return `${String(m).padStart(2, "0")}:${String(r).padStart(2, "0")}`;
};
/* ---------- Ask a Question modal ---------- */
const AskQuestionModal = ({ open, onClose, onToast }) => {
const [stage, setStage] = React.useState("form"); // form | sent
const [question, setQuestion] = React.useState("");
const [name, setName] = React.useState("");
const [email, setEmail] = React.useState("");
const [anon, setAnon] = React.useState(true);
const [topic, setTopic] = React.useState("");
const [sending, setSending] = React.useState(false);
const [errorMsg, setErrorMsg] = React.useState("");
React.useEffect(() => {
if (!open) return;
const onKey = (e) => { if (e.key === "Escape") onClose(); };
window.addEventListener("keydown", onKey);
return () => window.removeEventListener("keydown", onKey);
}, [open, onClose]);
React.useEffect(() => {
if (open) {
setStage("form");
setErrorMsg("");
setSending(false);
document.body.style.overflow = "hidden";
} else {
document.body.style.overflow = "";
}
return () => { document.body.style.overflow = ""; };
}, [open]);
if (!open) return null;
const submit = async (e) => {
e.preventDefault();
setErrorMsg("");
const workerUrl = window.WORKER_URL;
if (!workerUrl) {
setErrorMsg("Form endpoint not configured.");
return;
}
setSending(true);
try {
const res = await fetch(`${workerUrl}/submit-question`, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
question, topic, name, email, anonymous: anon,
website: "", // honeypot
}),
});
const data = await res.json().catch(() => ({}));
if (!res.ok) {
throw new Error(data.error || `Submission failed (${res.status})`);
}
setStage("sent");
onToast && onToast("Question submitted — thank you");
} catch (err) {
setErrorMsg(err.message || "Something went wrong. Please try again.");
} finally {
setSending(false);
}
};
return (
{ if (e.target.classList.contains("ask-overlay")) onClose(); }}>
{stage === "form" ? (
<>
Ask a question
What have you been afraid to Google?
Kristen reads every submission. Some become full episodes. Some get answered in the Friday newsletter. Nothing gets dismissed.