Added email templating, and user welcome email

2017-11-12 15:02:23 -08:00
parent 272cc158ea
commit 348e5f0b20
17 changed files with 463 additions and 14 deletions
--- a/server/emails/WelcomeEmail.js
+++ b/server/emails/WelcomeEmail.js
@@ -0,0 +1,52 @@
+// @flow
+import React from 'react';
+import EmailTemplate from './components/EmailLayout';
+import Body from './components/Body';
+import Button from './components/Button';
+import Footer from './components/Footer';
+import EmptySpace from './components/EmptySpace';
+
+export const welcomeEmailText = `
+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
+
+${process.env.URL}/dashboard
+`;
+
+export const WelcomeEmail = () => {
+  return (
+    <EmailTemplate>
+      <Body>
+        <p>
+          <strong>Welcome to Outline!</strong>
+        </p>
+
+        <p>Outline is a place for your team to build and share knowledge.</p>
+        <p>
+          To get started, head to your dashboard and try creating a collection
+          to help document your workflow, create playbooks or help with team
+          onboarding.
+        </p>
+        <p>
+          You can also import existing Markdown document by drag and dropping
+          them to your collections
+        </p>
+
+        <EmptySpace height={10} />
+
+        <p>
+          <Button href={`${process.env.URL}/dashboard`}>
+            View my dashboard
+          </Button>
+        </p>
+      </Body>
+
+      <Footer />
+    </EmailTemplate>
+  );
+};