diff --git a/src/components/App.css b/src/components/App.css index ecb0c04..816c1e0 100644 --- a/src/components/App.css +++ b/src/components/App.css @@ -41,10 +41,10 @@ pre { padding: 1em; } -.App-header h1 { +.App-header h1, .App-header h1 span { padding: 0.5em 0 0.5em 0; margin: 0; - font-size: 20px; + font-size: 24px; } .App-source { diff --git a/src/components/TimelineEvent.test.tsx b/src/components/TimelineEvent.test.tsx index c5fdc36..6bac169 100644 --- a/src/components/TimelineEvent.test.tsx +++ b/src/components/TimelineEvent.test.tsx @@ -68,6 +68,22 @@ it('renders appropriate summary for different event types', () => { }, summary: "⚠️ I'm an error" }, + { + event: { + type: "email_created", + subject: "Hi there", + addresses: ["bob@nyaruka.com", "jim@nyaruka.com"] + }, + summary: "✉️ email sent to bob@nyaruka.com, jim@nyaruka.com" + }, + { + event: { + type: "email_sent", + subject: "Hi there", + to: ["bob@nyaruka.com", "jim@nyaruka.com"] + }, + summary: "✉️ email sent to bob@nyaruka.com, jim@nyaruka.com with subject Hi there" + }, { event: { type: "failure", diff --git a/src/components/TimelineEvent.tsx b/src/components/TimelineEvent.tsx index cbbe911..9723490 100644 --- a/src/components/TimelineEvent.tsx +++ b/src/components/TimelineEvent.tsx @@ -78,6 +78,8 @@ export class TimelineEvent extends React.Component { return ["☎️", <>URNs changed to {renderValList(event.urns)}]; case "email_created": return ["✉️", <>email sent to {renderValList(event.addresses)}]; + case "email_sent": + return ["✉️", <>email sent to {renderValList(event.to)} with subject {event.subject}]; case "environment_refreshed": return ["⚙️", <>environment refreshed on resume]; case "error":