// modals.jsx — Daily intention setter, Friday reflection, Onboarding wizard // ─── Shared helpers ─────────────────────────────────────────────────────────── function ModalOverlay({ onClick }) { return
; } // ─── 1. Daily Intention Setter ──────────────────────────────────────────────── function IntentionModal({ tasks, goals, onSet, onSkip }) { const [q, setQ] = useState(''); const [selected, setSelected] = useState(null); // { id, label, kind } const options = [ ...tasks.filter((t) => !t.subtasks.every((s) => s.done)).map((t) => ({ id: t.id, label: t.title, subject: t.subject, kind: 'task' })), ...goals.map((g) => ({ id: g.id, label: g.title, subject: null, kind: 'goal' }))]; const filtered = options.filter((o) => q === '' || o.label.toLowerCase().includes(q.toLowerCase())); return ( <>
{/* Header */}
my_location Daily intention
What is your focus today?
Pick one thing that matters most. Everything else is secondary.
{/* Search */}
search setQ(e.target.value)} />
{/* List */}
{['task', 'goal'].map((kind) => { const items = filtered.filter((o) => o.kind === kind); if (!items.length) return null; return (
{kind === 'task' ? 'Tasks' : 'Goals'}
{items.map((o) => )}
); })} {filtered.length === 0 &&
No tasks or goals found.
}
{/* Footer */}
); } // ─── 2. Friday Reflection Modal ─────────────────────────────────────────────── function ReflectionModal({ onSubmit, onLater }) { const [stars, setStars] = useState(0); const [hovered, setHovered] = useState(0); const [win, setWin] = useState(''); const [improve, setImprove] = useState(''); return ( <>
{/* Header */}
star Friday reflection
Weekly Reflection
Two minutes to close the week well.
{/* Star rating */}
Rate your week
{[1, 2, 3, 4, 5].map((n) => )} {stars > 0 && {['', 'Tough week', 'Getting there', 'Solid week', 'Strong week', 'Outstanding'][stars]} }
{/* Win */}
One win from this week