Fixes: Welcome email dashboard location (#886)

* Fixes: Welcome email dashboard location
Updated logo in email

* 💚

server/emails/WelcomeEmail.js

@@ -8,7 +8,11 @@ import Header from './components/Header';
 import Footer from './components/Footer';
 import EmptySpace from './components/EmptySpace';
 
-export const welcomeEmailText = `
+export type Props = {
+  teamUrl: string,
+};
+
+export const welcomeEmailText = ({ teamUrl }: Props) => `
 Welcome to Outline!
 
 Outline is a place for your team to build and share knowledge.
@@ -17,10 +21,10 @@ To get started, head to your dashboard and try creating a collection to help doc
 
 You can also import existing Markdown documents by dragging and dropping them to your collections.
 
-${process.env.URL}/dashboard
+${teamUrl}/dashboard
 `;
 
-export const WelcomeEmail = () => {
+export const WelcomeEmail = ({ teamUrl }: Props) => {
   return (
     <EmailTemplate>
       <Header />
@@ -39,9 +43,7 @@ export const WelcomeEmail = () => {
         </p>
         <EmptySpace height={10} />
         <p>
-          <Button href={`${process.env.URL}/dashboard`}>
-            View my dashboard
-          </Button>
+          <Button href={`${teamUrl}/dashboard`}>View my dashboard</Button>
         </p>
       </Body>
 

server/emails/components/Body.js

@@ -14,7 +14,7 @@ export default ({ children }: Props) => {
       <TBody>
         <TR>
           <TD>
-            <EmptySpace height={20} />
+            <EmptySpace height={10} />
             {children}
             <EmptySpace height={40} />
           </TD>

server/emails/components/Header.js

@@ -13,8 +13,8 @@ export default () => {
             <img
               alt="Outline"
               src={`${process.env.URL}/email/header-logo.png`}
-              height="55"
-              width="32"
+              height="48"
+              width="48"
             />
           </TD>
         </TR>