mokhtar/shellphone.app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

welcome email

Browse Source
This commit is contained in:
m5r 2021-10-30 14:31:22 +02:00
parent 55f9083e7c
commit c398484cf8
5 changed files with 101 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/auth/mutations/signup.ts
View File

@ -3,6 +3,7 @@ import { resolver, SecurePassword } from "blitz";
import db, { GlobalRole, MembershipRole } from "db";
import { Signup } from "../validations";
import { computeEncryptionKey } from "db/_encryption";
import { welcomeMailer } from "mailers/welcome-mailer";
export default resolver.pipe(resolver.zod(Signup), async ({ email, password, fullName }, ctx) => {
const hashedPassword = await SecurePassword.hash(password.trim());
@ -34,7 +35,12 @@ export default resolver.pipe(resolver.zod(Signup), async ({ email, password, ful
shouldShowWelcomeMessage: true,
});
// TODO: send welcome email
await (
await welcomeMailer({
to: user.email,
userName: user.fullName,
})
).send();
return user;
});

6
mailers/renderer.ts
View File

@ -195,11 +195,9 @@ function getMaizzleParams(templateName: string, locals: Record<string, string>)
},
company: {
name: "Capsule Corp. Dev Pte. Ltd.",
address: `
<br>39 Robinson Rd, #11-01
<br>Singapore 068911
`,
address: `<br>39 Robinson Rd, #11-01<br>Singapore 068911`,
product: "Shellphone",
sender: "Mokhtar",
},
googleFonts: "family=Nunito+Sans:wght@400;700",
year: () => new Date().getFullYear(),

4
mailers/templates/forgot-password.html
View File

@ -19,8 +19,8 @@ bodyClass: bg-gray-postmark-lighter
Hi {{ name }},
</h1>
<p class="mt-6 mb-20 text-base leading-24 text-gray-postmark-dark">
You recently requested to reset your password for your
{{page.company.product}} account. Use the button below to reset it.
You recently requested to reset your password for your {{ page
.company.product}} account. Use the button below to reset it.
<strong
>This password reset is only valid for the next 24
hours.</strong

53
mailers/templates/welcome.html Normal file
View File

@ -0,0 +1,53 @@
---
bodyClass: bg-gray-postmark-lighter
---
<extends src="mailers/layouts/main.html">
<block name="template">
<table class="email-wrapper w-full bg-gray-postmark-lighter font-sans">
<tr>
<td align="center">
<table class="email-content w-full">
<component src="mailers/components/header.html"></component>
<tr>
<td class="email-body w-full">
<table align="center" class="email-body_inner w-570 bg-white mx-auto sm:w-full">
<tr>
<td class="px-45 py-24">
<div class="text-base">
<h1 class="mt-0 text-2xl font-bold text-left text-gray-postmark-darker">
Welcome {{ name }}!
</h1>
<p class="mt-6 mb-20 text-base leading-24 text-gray-postmark-dark">
First of all, thanks for signing up and welcome aboard!
</p>
<p class="mt-6 mb-20 text-base leading-24 text-gray-postmark-dark">
My name is Mokhtar and I built {{ page.company.product }} after
growing tired of paying exorbitant charges for international
communications and getting frustrated over the lack of decent
consumer-oriented cloud phone solutions.
</p>
<p class="mt-6 mb-20 text-base leading-24 text-gray-postmark-dark">
If you ever need help or have feedback, please don't hesitate to
reach out by email to
<a href="mailto:mokhtar@shellphone.app">mokhtar@shellphone.app</a>
or simply reply to this email.
</p>
<p class="mt-6 mb-20 text-base leading-24 text-gray-postmark-dark">
Take care!
<br />{{ page.company.sender }} <br />Founder at {{
page.company.product }}
</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<component src="mailers/components/footer.html"></component>
</table>
</td>
</tr>
</table>
</block>
</extends>

34
mailers/welcome-mailer.ts Normal file
View File

@ -0,0 +1,34 @@
import previewEmail from "preview-email";
import { sendEmail } from "integrations/aws-ses";
import { render } from "./renderer";
type ResetPasswordMailer = {
to: string;
userName: string;
};
export async function welcomeMailer({ to, userName }: ResetPasswordMailer) {
const html = await render("welcome", { name: userName });
const msg = {
from: "mokhtar@shellphone.app",
to,
subject: "Welcome to Shellphone",
html,
};
return {
async send() {
if (process.env.NODE_ENV === "production") {
await sendEmail({
recipients: [msg.to],
subject: msg.subject,
html: msg.html,
});
} else {
// Preview email in the browser
return await previewEmail(msg);
}
},
};
}