, [category]);

return ( <div style=styles.container> <h2 style=styles.title>📜 Pavel Florensky — Wisdom from the Russian Silver Age</h2>

function handleCategoryChange(e) currentCategory = e.target.value; const filtered = getFilteredQuotes(); if (filtered.length > 0) updateQuoteDisplay(filtered[0]); else quoteTextEl.textContent = "No quotes in this category.";

<div style=styles.filterBar> <label>Category: </label> <select value=category onChange=(e) => setCategory(e.target.value) style=styles.select> categories.map(cat => ( <option key=cat value=cat>cat</option> )) </select> <button onClick=getRandomQuote style=styles.randomButton>✨ Random Quote</button> </div>

const categories = ['All', ...new Set(florenskyQuotes.map(q => q.category))];