feat: invites (#967)

* stub invite endpoint * feat: First pass invite UI * feat: allow removing invite rows * First pass: sending logic * fix: label accessibility * fix: add button submits incorrect permissions middleware flow error * 💚 * Error handling, email filtering, tests * Flow * Add Invite to people page Remove old Tip * Add copy link to subdomain
2019-06-24 22:14:59 -07:00
parent f406faf08e
commit d5192acabf
21 changed files with 509 additions and 103 deletions
--- a/server/emails/InviteEmail.js
+++ b/server/emails/InviteEmail.js
@@ -0,0 +1,59 @@
+// @flow
+import * as 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';
+
+export type Props = {
+  name: string,
+  actorName: string,
+  actorEmail: string,
+  teamName: string,
+  teamUrl: string,
+};
+
+export const inviteEmailText = ({
+  teamName,
+  actorName,
+  actorEmail,
+  teamUrl,
+}: Props) => `
+Join ${teamName} on Outline
+
+${actorName} (${
+  actorEmail
+}) has invited you to join Outline, a place for your team to build and share knowledge.
+
+Join now: ${teamUrl}
+`;
+
+export const InviteEmail = ({
+  teamName,
+  actorName,
+  actorEmail,
+  teamUrl,
+}: Props) => {
+  return (
+    <EmailTemplate>
+      <Header />
+
+      <Body>
+        <Heading>Join {teamName} on Outline</Heading>
+        <p>
+          {actorName} ({actorEmail}) has invited you to join Outline, a place
+          for your team to build and share knowledge.
+        </p>
+        <EmptySpace height={10} />
+        <p>
+          <Button href={teamUrl}>Join now</Button>
+        </p>
+      </Body>
+
+      <Footer />
+    </EmailTemplate>
+  );
+};