From 628c7b5f7386a5a70c40ff4c3ff5a5e33708650b Mon Sep 17 00:00:00 2001
From: Rowan Seymour <rowanseymour@gmail.com>
Date: Thu, 5 Dec 2019 15:51:21 -0500
Subject: [PATCH] Add email_sent event

---
 src/components/App.css                |  4 ++--
 src/components/TimelineEvent.test.tsx | 16 ++++++++++++++++
 src/components/TimelineEvent.tsx      |  2 ++
 3 files changed, 20 insertions(+), 2 deletions(-)

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<Props, State> {
                 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 <i>{event.subject}</i></>];
             case "environment_refreshed":
                 return ["⚙️", <>environment refreshed on resume</>];
             case "error":