diff --git a/packages/emails/emails/monitor-alert.tsx b/packages/emails/emails/monitor-alert.tsx
index 90e20466..1541da5e 100644
--- a/packages/emails/emails/monitor-alert.tsx
+++ b/packages/emails/emails/monitor-alert.tsx
@@ -2,14 +2,11 @@
import {
Body,
- Button,
CodeInline,
Column,
- Container,
Head,
Heading,
Html,
- Img,
Link,
Preview,
Row,
@@ -62,19 +59,6 @@ const MonitorAlertEmail = (props: MonitorAlertProps) => (
Your monitor's status is: {props.type}
-
-
-
{props.name}
@@ -126,6 +110,16 @@ const MonitorAlertEmail = (props: MonitorAlertProps) => (
{props.region}
+ {props.latency ? (
+
+
+ Latency
+
+
+ {props.latency}
+
+
+ ) : null}
Timestamp
diff --git a/packages/emails/src/client.tsx b/packages/emails/src/client.tsx
index 07a0ae57..0363e8cc 100644
--- a/packages/emails/src/client.tsx
+++ b/packages/emails/src/client.tsx
@@ -51,7 +51,7 @@ export class EmailClient {
const html = await render();
const result = await this.client.batch.send(
req.to.map((subscriber) => ({
- from: `${req.pageTitle} `,
+ from: `${req.pageTitle} `,
subject: req.reportTitle,
to: subscriber,
html,
@@ -78,7 +78,7 @@ export class EmailClient {
try {
const html = await render();
const result = await this.client.emails.send({
- from: `${req.workspaceName ?? "OpenStatus"} `,
+ from: `${req.workspaceName ?? "OpenStatus"} `,
subject: `You've been invited to join ${req.workspaceName ?? "OpenStatus"}`,
to: req.to,
html,
@@ -101,7 +101,7 @@ export class EmailClient {
try {
const html = await render();
const result = await this.client.emails.send({
- from: "OpenStatus ",
+ from: "OpenStatus ",
subject: `${req.name}: ${req.type.toUpperCase()}`,
to: req.to,
html,
@@ -126,8 +126,8 @@ export class EmailClient {
try {
const html = await render();
const result = await this.client.emails.send({
- from: `${req.page} `,
- subject: "Status page subscription",
+ from: "Status Page ",
+ subject: `Confirm your subscription to ${req.page}`,
to: req.to,
html,
});