Email Request Reviews Block for React

No. There is no send button and no request: the controls change what the drawing shows and the date it says the email would go out on, and the page states "Nothing is sent in this demo". To send for real, pass the same three values (subject, delay in days, greeting word) to your own job queue or email service, and keep the drawing as the template preview.

From a typed delivery date, DELIVERED, plus the chosen number of days, using UTC date arithmetic, so it's the same on every server and never reads the visitor's clock. Change the constant, or compute it per order, and the caption, the paragraph and the drawing all update. Dates show without a year, and each has a time element with the machine-readable date.

In the real email each would be a link that opens your review form with that rating chosen, which is why the drawing says "Each star is a link". Here they're a drawing: hidden from screen readers, with the same sentence in text beside them. The footer asks every customer, never only the ones who seem pleased, and the copy never ties anything to the rating given.

Typing in the subject updates the email on every key; an empty subject shows "(No subject)". Choosing a delay or a greeting changes the drawing and is announced once through a polite status line ("The request now goes out on 20 Oct."), not on every keystroke. The greeting group always keeps one choice. The Select takes items and a handler that receives the value; the ToggleGroup takes value={[id]} and ignores an empty list.

Nothing: the form ignores submission, so the page never reloads. The block has no submit button on purpose; add one that calls your own endpoint if you wire it up.

Yes. The form and the drawing follow the page's direction, the sender address and the dates are isolated so their characters keep their order, and the stars row reads from the start.