diff --git a/public/email/header-logo.png b/public/email/header-logo.png
new file mode 100644
index 000000000..8340b6a3e
Binary files /dev/null and b/public/email/header-logo.png differ
diff --git a/server/__snapshots__/mailer.test.js.snap b/server/__snapshots__/mailer.test.js.snap
index be082375d..98fab667d 100644
--- a/server/__snapshots__/mailer.test.js.snap
+++ b/server/__snapshots__/mailer.test.js.snap
@@ -42,7 +42,7 @@ Object {
Outline is a place for your team to build and share knowledge.
- Welcome to Outline! Outline is a place for your team to build and share knowledge. To get started, head to your dashboard and try creating a collection to help document your workflow, create playbooks or help with team onboarding. You can also import existing Markdown document by drag and dropping them to your collections View my dashboard |
|
+ Welcome to Outline! Outline is a place for your team to build and share knowledge. To get started, head to your dashboard and try creating a collection to help document your workflow, create playbooks or help with team onboarding. You can also import existing Markdown document by drag and dropping them to your collections View my dashboard |
|
|
diff --git a/server/emails/WelcomeEmail.js b/server/emails/WelcomeEmail.js
index 4cf4b96ce..9f39f6293 100644
--- a/server/emails/WelcomeEmail.js
+++ b/server/emails/WelcomeEmail.js
@@ -3,6 +3,8 @@ import React from 'react';
import EmailTemplate from './components/EmailLayout';
import Body from './components/Body';
import Button from './components/Button';
+import Heading from './components/Heading';
+import Header from './components/Header';
import Footer from './components/Footer';
import EmptySpace from './components/EmptySpace';
@@ -21,10 +23,10 @@ ${process.env.URL}/dashboard
export const WelcomeEmail = () => {
return (
+
+
-
- Welcome to Outline!
-
+ Welcome to Outline!
Outline is a place for your team to build and share knowledge.
diff --git a/server/emails/components/Body.js b/server/emails/components/Body.js
index b36ffaeb2..74c2144e4 100644
--- a/server/emails/components/Body.js
+++ b/server/emails/components/Body.js
@@ -14,7 +14,7 @@ export default ({ children }: Props) => {
|
-
+
{children}
|
diff --git a/server/emails/components/Header.js b/server/emails/components/Header.js
new file mode 100644
index 000000000..8f83d1269
--- /dev/null
+++ b/server/emails/components/Header.js
@@ -0,0 +1,24 @@
+// @flow
+import React from 'react';
+import { Table, TBody, TR, TD } from 'oy-vey';
+import EmptySpace from './EmptySpace';
+import { color } from '../../../shared/styles/constants';
+
+export default () => {
+ return (
+
+
+
+
+
+ 
+ |
+
+
+
+ );
+};
diff --git a/server/emails/components/Heading.js b/server/emails/components/Heading.js
new file mode 100644
index 000000000..d7f55f6c8
--- /dev/null
+++ b/server/emails/components/Heading.js
@@ -0,0 +1,17 @@
+// @flow
+import React from 'react';
+
+const style = {
+ fontWeight: 500,
+ fontSize: '18px',
+};
+
+type Props = {
+ children: React$Element<*>,
+};
+
+export default ({ children }: Props) => (
+
+ {children}
+
+);
![](\\"http://localhost:3000/email/header-logo.png\\"){kind=logo}