feat: single col RSVP
This commit is contained in:
@@ -32,5 +32,16 @@ export default async function InvitePage({
|
|||||||
getPhotoUploadByInvitationId(detail.invitation.id),
|
getPhotoUploadByInvitationId(detail.invitation.id),
|
||||||
])
|
])
|
||||||
|
|
||||||
return <WeddingInvite action={submitRsvpAction.bind(null, token)} detail={detail} token={token} dictionary={dictionary} content={getInvitePageContent(language)} closed={isRsvpClosed()} toastRequest={interactions.toastRequests[0]} filename={photoUpload?.original_filename ?? null} submitted={submitted} error={error} />
|
return <WeddingInvite
|
||||||
|
action={submitRsvpAction.bind(null, token)}
|
||||||
|
detail={detail}
|
||||||
|
token={token}
|
||||||
|
dictionary={dictionary}
|
||||||
|
content={getInvitePageContent(language)}
|
||||||
|
closed={isRsvpClosed()}
|
||||||
|
toastRequest={interactions.toastRequests[0]}
|
||||||
|
filename={photoUpload?.original_filename ?? null}
|
||||||
|
submitted={submitted}
|
||||||
|
error={error}
|
||||||
|
/>
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ export function RsvpSection(props: {
|
|||||||
return (
|
return (
|
||||||
<section id="rsvp" className="bg-wedding-ivory pt-wedding-section">
|
<section id="rsvp" className="bg-wedding-ivory pt-wedding-section">
|
||||||
<WeddingContainer wide>
|
<WeddingContainer wide>
|
||||||
<div className="grid gap-14 wedding-lg:grid-cols-2">
|
<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><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>{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>{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>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user