raul/wedding-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: plural wordings
Deploy On Server / Prepare Repository Remotely (push) Successful in 27s
Details
Deploy On Server / Docker Compose Up (push) Successful in 31s
Details
Deploy On Server / Prune Images (push) Successful in 4s
Details
Deploy On Server / Remove .env File (push) Successful in 3s
Details

Browse Source
This commit is contained in:
Raul Lugo
2026-09-13 00:39:09 +02:00
parent 5aa35e7d18
commit 77183bc5d6
7 changed files with 31 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/invite/rsvp-section.tsx
+8 -1
View File
@@ -20,11 +20,18 @@ export function RsvpSection(props: {
error?: string
}) {
const message = props.closed ? props.dictionary.deadline.closed : props.submitted ? props.dictionary.form.submitted : props.error === "closed" ? props.dictionary.errors.closed : props.error ? props.dictionary.errors.generic : null
const isSingularPerson = props.detail.members.length === 1;
return (
<section id="rsvp" className="bg-wedding-ivory pt-wedding-section">
<WeddingContainer wide>
<div className="grid gap-14">
<div><p className="wedding-section-label">{props.content.eyebrow}</p><h2 className="wedding-display-heading mt-5 text-wedding-page">{props.content.heading}</h2><div className="mt-7 w-12 border-t-2 border-wedding-terracotta" /><p className="mt-7 font-wedding-ui text-wedding-body leading-wedding-body">{props.content.paragraph} <strong>{props.content.deadline}</strong>.</p><p className="mt-4 font-wedding-display text-wedding-medium italic text-wedding-terracotta">{props.content.helper}</p><Link className="mt-12 inline-block wedding-text-link" href="#faq">{props.content.faqLink} →</Link></div>
<div className="" >
<p className="wedding-section-label">{props.content.eyebrow}</p>
<h2 className="wedding-display-heading text-wedding-page mt-4" >{props.detail.invitation.display_name}</h2>
<h2 className="wedding-display-heading mt-5 text-wedding-medium">{isSingularPerson ? props.content.heading_singular : props.content.heading_plural}</h2>
<div className="mt-7 w-12 border-t-2 border-wedding-terracotta" />
<p className="mt-7 font-wedding-ui text-wedding-body leading-wedding-body">{props.content.paragraph} <strong>{props.content.deadline}</strong>.</p>
<p className="mt-4 font-wedding-display text-wedding-medium italic text-wedding-terracotta">{isSingularPerson ? props.content.helper_singular : props.content.helper_plural}</p><Link className="mt-12 inline-block wedding-text-link" href="#faq">{props.content.faqLink} →</Link></div>
<div>{message ? <p aria-live="polite" className="border border-wedding-line bg-wedding-cream p-5 font-wedding-ui text-sm">{message}</p> : null}<RsvpForm {...props} /></div>
</div>
</WeddingContainer>