diff --git a/packages/emails/src/templates/AttendeeRequestEmail.tsx b/packages/emails/src/templates/AttendeeRequestEmail.tsx index 3f827b5690..233a38c9bb 100644 --- a/packages/emails/src/templates/AttendeeRequestEmail.tsx +++ b/packages/emails/src/templates/AttendeeRequestEmail.tsx @@ -1,22 +1,30 @@ +import AttendeeScheduledEmailClass from "../../templates/attendee-rescheduled-email"; import { AttendeeScheduledEmail } from "./AttendeeScheduledEmail"; -export const AttendeeRequestEmail = (props: React.ComponentProps) => ( - - {props.calEvent.attendees[0].language.translate( - props.calEvent.recurringEvent?.count - ? "user_needs_to_confirm_or_reject_booking_recurring" - : "user_needs_to_confirm_or_reject_booking", - { user: props.calEvent.organizer.name } - )} - - } - headerType="calendarCircle" - subject={props.calEvent.attendees[0].language.translate("booking_submitted_subject")} - {...props} - /> -); +export const AttendeeRequestEmail = (props: React.ComponentProps) => { + const date = new AttendeeScheduledEmailClass(props.calEvent, props.attendee).getFormattedDate(); + + return ( + + {props.calEvent.attendees[0].language.translate( + props.calEvent.recurringEvent?.count + ? "user_needs_to_confirm_or_reject_booking_recurring" + : "user_needs_to_confirm_or_reject_booking", + { user: props.calEvent.organizer.name } + )} + + } + headerType="calendarCircle" + subject={props.calEvent.attendees[0].language.translate("booking_submitted_subject", { + title: props.calEvent.title, + date, + })} + {...props} + /> + ); +}; diff --git a/packages/emails/templates/attendee-scheduled-email.ts b/packages/emails/templates/attendee-scheduled-email.ts index dec4f75a62..5a6dcc2a4e 100644 --- a/packages/emails/templates/attendee-scheduled-email.ts +++ b/packages/emails/templates/attendee-scheduled-email.ts @@ -105,7 +105,7 @@ ${getRichDescription(this.calEvent)} return this.getRecipientTime(this.calEvent.endTime, format); } - protected getFormattedDate() { + public getFormattedDate() { return `${this.getInviteeStart("h:mma")} - ${this.getInviteeEnd("h:mma")}, ${this.t( this.getInviteeStart("dddd").toLowerCase() )}, ${this.t(this.getInviteeStart("MMMM").toLowerCase())} ${this.getInviteeStart("D, YYYY")}`;