Add email_sent event

nyaruka · Dec 5, 2019 · 628c7b5 · 628c7b5
1 parent a339788
commit 628c7b5
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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":