diff --git a/public/email/header-logo.png b/public/email/header-logo.png new file mode 100644 index 00000000..8340b6a3 Binary files /dev/null and b/public/email/header-logo.png differ diff --git a/server/emails/WelcomeEmail.js b/server/emails/WelcomeEmail.js index 4cf4b96c..7324de8d 100644 --- a/server/emails/WelcomeEmail.js +++ b/server/emails/WelcomeEmail.js @@ -3,6 +3,7 @@ import React from 'react'; import EmailTemplate from './components/EmailLayout'; import Body from './components/Body'; import Button from './components/Button'; +import Header from './components/Header'; import Footer from './components/Footer'; import EmptySpace from './components/EmptySpace'; @@ -21,6 +22,8 @@ ${process.env.URL}/dashboard export const WelcomeEmail = () => { return ( +
+

Welcome to Outline! diff --git a/server/emails/components/Body.js b/server/emails/components/Body.js index b36ffaeb..74c2144e 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 00000000..8f83d126 --- /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 ( + + + + + + +
+ + +
+ ); +};