From 0b005afdf99e819e2d2218267199c9aec7421627 Mon Sep 17 00:00:00 2001 From: Jori Lallo Date: Sun, 4 Mar 2018 23:30:23 -0800 Subject: [PATCH] More email styles --- server/__snapshots__/mailer.test.js.snap | 2 +- server/emails/WelcomeEmail.js | 5 ++--- server/emails/components/Heading.js | 17 +++++++++++++++++ 3 files changed, 20 insertions(+), 4 deletions(-) create mode 100644 server/emails/components/Heading.js 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

 
OutlineTwitterSpectrum
+
 
 

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

 
OutlineTwitterSpectrum
diff --git a/server/emails/WelcomeEmail.js b/server/emails/WelcomeEmail.js index 7324de8de..9f39f6293 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 Heading from './components/Heading'; import Header from './components/Header'; import Footer from './components/Footer'; import EmptySpace from './components/EmptySpace'; @@ -25,9 +26,7 @@ export const WelcomeEmail = () => {
-

- Welcome to Outline! -

+ Welcome to Outline!

Outline is a place for your team to build and share knowledge.

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} +

+);