// Logged-in member screens: home (Sunday Letter), inbox, conversation, // edit profile, settings, notifications, pause, mutual matches. // ─── Shared bits ──────────────────────────────────────────────────────── const MemberShell = ({ tweaks, navigate, active, children }) => { const { Nav, Footer } = window; return (
); }; const SubNav = ({ items, active, navigate }) => (
{items.map(([id, label, count]) => ( ))}
); const PageHeader = ({ eyebrow, title, sub, right }) => (
{eyebrow &&
{eyebrow}
}

{title}

{sub &&

{sub}

}
{right}
); // ─── HOME — Sunday Letter ────────────────────────────────────────────── const MemberHome = ({ tweaks, navigate }) => { const { Btn, Badge, Portrait, SectionLabel } = window; const introMember = window.HMN_DATA.MEMBERS[1]; // Caleb R. const others = window.HMN_DATA.MEMBERS.slice(2, 5); return ( {/* Sunday letter */}
The Sunday Letter · No. 9 · Lord's Day, 8 March

Dear Hannah,

This week we'd like you to consider Caleb R., a 29-year-old mechanical engineer in Birmingham, AL. He is a member of Briarwood Presbyterian (PCA), where his pastor, Rev. Jonathan H. Pace, has commended him as a member in good standing.

He converted at 19 through a college RUF retreat. He subscribes the Westminster Confession, teaches the Shorter Catechism to his small group, and is eager for children. We thought of you because you both come from PCA churches, share a love of Bach, and have written about wanting a household shaped by hymnody and family worship.

Take your time with his profile. There is no rush, and there is no obligation either way. If something stirs, write to us — or better, write to him directly.

Soli Deo gloria,
— THE HELP MEET NETWORK

{/* Featured profile card */}

{introMember.name}, {introMember.age}

{introMember.location} · {introMember.presbytery}

{introMember.vocation} · {introMember.education}.
{introMember.testimony}

navigate('profile', introMember.id)}>Read full profile → Pass kindly
{/* Also consider */}
Also consider

Three more, drawn from the directory.

navigate('member-browse')}>Open the directory →
{others.map(m => (
navigate('profile', m.id)} style={{ background: 'var(--paper)', border: '1px solid var(--line)', cursor: 'pointer' }}>

{m.name}, {m.age}

{m.location.split(',')[0].toUpperCase()} · {m.presbytery.split(' · ')[0]}

{m.vocation}

))}
{/* Activity bar */}
{[ { label: "Inbox", value: "3 new", note: "Unread messages", view: 'member-inbox' }, { label: "Mutual interests", value: "1", note: "Awaiting your reply", view: 'member-matches' }, { label: "Profile", value: "92%", note: "Add a second photo to reach 100%", view: 'member-profile-edit' }, ].map((s, i) => ( ))}
); }; // ─── INBOX ────────────────────────────────────────────────────────────── const THREADS = [ { id: 1, with: "Caleb R.", img: 2, location: "Birmingham, AL", lastMsg: "Yes — would Saturday morning work for a call? My elder is fine looping in if either of us want.", lastAt: "2 h ago", unread: true, mutual: true }, { id: 2, with: "Andrew P.", img: 4, location: "Pittsburgh, PA", lastMsg: "Thank you for writing back. I'd love to hear more about your work at the hospital.", lastAt: "Yesterday", unread: true, mutual: false }, { id: 3, with: "Samuel B.", img: 6, location: "Boise, ID", lastMsg: "Sent a longer note about the ranch — no rush at all on a reply.", lastAt: "3 days ago", unread: true, mutual: false }, { id: 4, with: "Daniel T.", img: 4, location: "Nashville, TN", lastMsg: "(closed) Thank you, kindly. Wishing you well.", lastAt: "2 weeks ago", unread: false, mutual: false, closed: true }, ]; const MemberInbox = ({ tweaks, navigate }) => { const { Btn, Portrait, Badge } = window; const unread = THREADS.filter(t => t.unread).length; return (
{THREADS.map((t, i) => ( ))}
); }; // ─── CONVERSATION THREAD ─────────────────────────────────────────────── const MemberThread = ({ tweaks, navigate, threadId = 1 }) => { const { Btn, Portrait, Badge } = window; const t = THREADS.find(x => x.id === threadId) || THREADS[0]; const member = window.HMN_DATA.MEMBERS.find(m => m.name === t.with) || window.HMN_DATA.MEMBERS[1]; const [draft, setDraft] = React.useState(''); const [showElderModal, setShowElderModal] = React.useState(false); const messages = [ { from: 'them', at: 'Mar 4 · 9:14 am', body: "Hannah — thank you for expressing interest. Your profile spoke deeply to me, especially how you wrote about hymnody. Would you be open to writing back? I'd love to know what called you to nursing." }, { from: 'me', at: 'Mar 4 · 7:32 pm', body: "Caleb, thank you for the kind note. I went into nursing after a summer working in a hospice; I came home convinced that nothing else would feel as worth my time. I'd love to know more about your church and how you came to subscribe the Confession." }, { from: 'them', at: 'Mar 6 · 11:08 am', body: "That's beautiful. Briarwood is a large but warm church — I came to it as a new convert and Rev. Pace personally walked me through the WCF over a year of breakfasts. I still meet with him monthly. May I ask: what does your family worship look like, or what would you want it to look like?" }, { from: 'me', at: 'Yesterday · 8:12 pm', body: "Right now I read Scripture and a hymn before bed alone, but I would love a household where it's the rhythm of every evening. My parents did this when we were small and I miss it. What does it look like for you?" }, { from: 'them', at: '2 hours ago', body: "Yes — would Saturday morning work for a call? My elder is fine looping in if either of us want." } ]; return (

{t.with}

{member.presbytery} · commended by {member.elder.split(' ').slice(-2).join(' ')}
navigate('profile', member.id)}>View profile setShowElderModal(true)}>Loop in elder
{/* Mutual interest banner */} {t.mutual && (
Mutual interest
You both expressed interest. This conversation is private; loop in either elder when you're ready.
)} {/* Messages */}
{messages.map((m, i) => (
{m.from === 'me' ? 'YOU' : t.with.toUpperCase()} · {m.at}
{m.body}
))}
{/* Compose */}