Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat: improve email templates #548

Merged
merged 13 commits into from
Aug 20, 2024
Merged

feat: improve email templates #548

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
3cab018
feat: improve email templates
onehassan Aug 15, 2024
d9a9aec
feat: update emails structure
onehassan Aug 15, 2024
bcd7d3b
feat: automate generating emails
onehassan Aug 16, 2024
f797a9d
feat: restructure email generator and add readme instructions
onehassan Aug 19, 2024
186185d
chore: add @swc/core to dev deps
onehassan Aug 19, 2024
f26cadd
chore: remove `react-email` and `ts-node` from dev deps
onehassan Aug 19, 2024
558e211
chore: fix email test
onehassan Aug 19, 2024
8883466
chore: fix formatting
onehassan Aug 19, 2024
4f2f13f
feat: fix email template rendering in tests
onehassan Aug 20, 2024
c642997
fix test
onehassan Aug 20, 2024
8796ab7
fix line formatting
onehassan Aug 20, 2024
2234c7a
fix test
onehassan Aug 20, 2024
ad6aea4
fix linter warning
onehassan Aug 20, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
58 changes: 42 additions & 16 deletions email-templates/bg/email-confirm-change/body.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,44 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
</head>

<body>
<h2>Потвърдете смяната на вашия имейл</h2>
<p>Използвайте посочения линк, за да повърдите смяната на имейл:</p>
<p>
<a href="${link}">
Смени имейл
</a>
</p>
</body>

<html dir="ltr" lang="bg">
<head>
<meta charset="UTF-8" />
<meta name="x-apple-disable-message-reformatting" />
</head>
<body style="background-color:#f5f5f5;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;padding:20px;">
<div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">
Потвърдете смяната на вашия имейл
</div>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:560px;margin:0 auto;background-color:#ffffff;padding:20px;border-radius:8px;border:1px solid #ececec;">
<tbody>
<tr style="width:100%">
<td>
<h1 style="font-size:24px;letter-spacing:-0.5px;line-height:1.3;font-weight:400;color:#484848;padding:0;margin-top:0px;">Потвърдете смяната на вашия имейл</h1>
<p style="font-size:15px;line-height:1.4;margin:10px 0;color:#3c4149">Използвайте посочения линк, за да повърдите смяната на имейл:</p>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="padding:20px 0 20px">
<tbody>
<tr>
<td>
<a href="${link}" style="line-height:100%;text-decoration:none;display:block;max-width:100%;background-color:#0052CD;border-radius:6px;font-weight:600;color:#fff;font-size:15px;text-align:center;padding:11px 23px" target="_blank">
Смени имейл
</a>
</td>
</tr>
</tbody>
</table>
<hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#dfe1e4;margin:10px 0" />
<table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin-top: 10px;">
<tr>
<td style="padding-right: 8px;">
<img alt="Nhost Logo" height="20" src="https://nhost.io/images/emails/icon.png" style="display:block;outline:none;border:none;text-decoration:none;width:20px;height:20px;" width="20" />
</td>
<td>
<a href="https://nhost.io" style="color:#b4becc;text-decoration:none;font-size:14px" target="_blank">Powered by Nhost</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
58 changes: 42 additions & 16 deletions email-templates/bg/email-verify/body.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,44 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
</head>

<body>
<h2>Потвърдете вашия имейл</h2>
<p>Използвайте посочения линк, за да потвърдите вашия имейл:</p>
<p>
<a href="${link}">
Потвърдете имейл
</a>
</p>
</body>

<html dir="ltr" lang="bg">
<head>
<meta charset="UTF-8" />
<meta name="x-apple-disable-message-reformatting" />
</head>
<body style="background-color:#f5f5f5;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;padding:20px;">
<div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">
Потвърдете вашия имейл
</div>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:560px;margin:0 auto;background-color:#ffffff;padding:20px;border-radius:8px;border:1px solid #ececec;">
<tbody>
<tr style="width:100%">
<td>
<h1 style="font-size:24px;letter-spacing:-0.5px;line-height:1.3;font-weight:400;color:#484848;padding:0;margin-top:0px;">Потвърдете вашия имейл</h1>
<p style="font-size:15px;line-height:1.4;margin:10px 0;color:#3c4149">Използвайте посочения линк, за да потвърдите вашия имейл:</p>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="padding:20px 0 20px">
<tbody>
<tr>
<td>
<a href="${link}" style="line-height:100%;text-decoration:none;display:block;max-width:100%;background-color:#0052CD;border-radius:6px;font-weight:600;color:#fff;font-size:15px;text-align:center;padding:11px 23px" target="_blank">
Потвърдете имейл
</a>
</td>
</tr>
</tbody>
</table>
<hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#dfe1e4;margin:10px 0" />
<table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin-top: 10px;">
<tr>
<td style="padding-right: 8px;">
<img alt="Nhost Logo" height="20" src="https://nhost.io/images/emails/icon.png" style="display:block;outline:none;border:none;text-decoration:none;width:20px;height:20px;" width="20" />
</td>
<td>
<a href="https://nhost.io" style="color:#b4becc;text-decoration:none;font-size:14px" target="_blank">Powered by Nhost</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
56 changes: 41 additions & 15 deletions email-templates/bg/password-reset/body.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,44 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
</head>

<body>
<h2>Смяна на парола</h2>
<p>Използвайте посочения линк, за да смените вашата парола:</p>
<p>
<a href="${link}">
<html dir="ltr" lang="bg">
<head>
<meta charset="UTF-8" />
<meta name="x-apple-disable-message-reformatting" />
</head>
<body style="background-color:#f5f5f5;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;padding:20px;">
<div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">
Смяна на парола
</a>
</p>
</body>

</div>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:560px;margin:0 auto;background-color:#ffffff;padding:20px;border-radius:8px;border:1px solid #ececec;">
<tbody>
<tr style="width:100%">
<td>
<h1 style="font-size:24px;letter-spacing:-0.5px;line-height:1.3;font-weight:400;color:#484848;padding:0;margin-top:0px;">Смяна на парола</h1>
<p style="font-size:15px;line-height:1.4;margin:10px 0;color:#3c4149">Използвайте посочения линк, за да смените вашата парола:</p>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="padding:20px 0 20px">
<tbody>
<tr>
<td>
<a href="${link}" style="line-height:100%;text-decoration:none;display:block;max-width:100%;background-color:#0052CD;border-radius:6px;font-weight:600;color:#fff;font-size:15px;text-align:center;padding:11px 23px" target="_blank">
Смяна на парола
</a>
</td>
</tr>
</tbody>
</table>
<hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#dfe1e4;margin:10px 0" />
<table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin-top: 10px;">
<tr>
<td style="padding-right: 8px;">
<img alt="Nhost Logo" height="20" src="https://nhost.io/images/emails/icon.png" style="display:block;outline:none;border:none;text-decoration:none;width:20px;height:20px;" width="20" />
</td>
<td>
<a href="https://nhost.io" style="color:#b4becc;text-decoration:none;font-size:14px" target="_blank">Powered by Nhost</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
58 changes: 42 additions & 16 deletions email-templates/bg/signin-passwordless/body.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,44 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
</head>

<body>
<h2>Магически линк за вход</h2>
<p>Използвайте посочения линк за защитен и бърз вход:</p>
<p>
<a href="${link}">
Вход
</a>
</p>
</body>

<html dir="ltr" lang="bg">
<head>
<meta charset="UTF-8" />
<meta name="x-apple-disable-message-reformatting" />
</head>
<body style="background-color:#f5f5f5;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;padding:20px;">
<div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">
Магически линк за вход
</div>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:560px;margin:0 auto;background-color:#ffffff;padding:20px;border-radius:8px;border:1px solid #ececec;">
<tbody>
<tr style="width:100%">
<td>
<h1 style="font-size:24px;letter-spacing:-0.5px;line-height:1.3;font-weight:400;color:#484848;padding:0;margin-top:0px;">Магически линк за вход</h1>
<p style="font-size:15px;line-height:1.4;margin:10px 0;color:#3c4149">Използвайте посочения линк за защитен и бърз вход:</p>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="padding:20px 0 20px">
<tbody>
<tr>
<td>
<a href="${link}" style="line-height:100%;text-decoration:none;display:block;max-width:100%;background-color:#0052CD;border-radius:6px;font-weight:600;color:#fff;font-size:15px;text-align:center;padding:11px 23px" target="_blank">
Вход
</a>
</td>
</tr>
</tbody>
</table>
<hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#dfe1e4;margin:10px 0" />
<table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin-top: 10px;">
<tr>
<td style="padding-right: 8px;">
<img alt="Nhost Logo" height="20" src="https://nhost.io/images/emails/icon.png" style="display:block;outline:none;border:none;text-decoration:none;width:20px;height:20px;" width="20" />
</td>
<td>
<a href="https://nhost.io" style="color:#b4becc;text-decoration:none;font-size:14px" target="_blank">Powered by Nhost</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
58 changes: 42 additions & 16 deletions email-templates/cs/email-confirm-change/body.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,44 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
</head>

<body>
<h2>Potvrzení změny emailové adresy</h2>
<p>Použijte tento odkaz k potvrzení změny emailové adresy:</p>
<p>
<a href="${link}">
Změnit email
</a>
</p>
</body>

<html dir="ltr" lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="x-apple-disable-message-reformatting" />
</head>
<body style="background-color:#f5f5f5;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;padding:20px;">
<div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">
Potvrzení změny emailové adresy
</div>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:560px;margin:0 auto;background-color:#ffffff;padding:20px;border-radius:8px;border:1px solid #ececec;">
<tbody>
<tr style="width:100%">
<td>
<h1 style="font-size:24px;letter-spacing:-0.5px;line-height:1.3;font-weight:400;color:#484848;padding:0;margin-top:0px;">Potvrzení změny emailové adresy</h1>
<p style="font-size:15px;line-height:1.4;margin:10px 0;color:#3c4149">Použijte tento odkaz k potvrzení změny emailové adresy:</p>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="padding:20px 0 20px">
<tbody>
<tr>
<td>
<a href="${link}" style="line-height:100%;text-decoration:none;display:block;max-width:100%;background-color:#0052CD;border-radius:6px;font-weight:600;color:#fff;font-size:15px;text-align:center;padding:11px 23px" target="_blank">
Změnit email
</a>
</td>
</tr>
</tbody>
</table>
<hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#dfe1e4;margin:10px 0" />
<table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin-top: 10px;">
<tr>
<td style="padding-right: 8px;">
<img alt="Nhost Logo" height="20" src="https://nhost.io/images/emails/icon.png" style="display:block;outline:none;border:none;text-decoration:none;width:20px;height:20px;" width="20" />
</td>
<td>
<a href="https://nhost.io" style="color:#b4becc;text-decoration:none;font-size:14px" target="_blank">Powered by Nhost</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
58 changes: 42 additions & 16 deletions email-templates/cs/email-verify/body.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,44 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
</head>

<body>
<h2>Ověření emailové adresy</h2>
<p>Použijte tento odkaz k ověření vaší emailové adresy:</p>
<p>
<a href="${link}">
Ověřit emailovou adresu
</a>
</p>
</body>

<html dir="ltr" lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="x-apple-disable-message-reformatting" />
</head>
<body style="background-color:#f5f5f5;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;padding:20px;">
<div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">
Ověření emailové adresy
</div>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:560px;margin:0 auto;background-color:#ffffff;padding:20px;border-radius:8px;border:1px solid #ececec;">
<tbody>
<tr style="width:100%">
<td>
<h1 style="font-size:24px;letter-spacing:-0.5px;line-height:1.3;font-weight:400;color:#484848;padding:0;margin-top:0px;">Ověření emailové adresy</h1>
<p style="font-size:15px;line-height:1.4;margin:10px 0;color:#3c4149">Použijte tento odkaz k ověření vaší emailové adresy:</p>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="padding:20px 0 20px">
<tbody>
<tr>
<td>
<a href="${link}" style="line-height:100%;text-decoration:none;display:block;max-width:100%;background-color:#0052CD;border-radius:6px;font-weight:600;color:#fff;font-size:15px;text-align:center;padding:11px 23px" target="_blank">
Ověřit emailovou adresu
</a>
</td>
</tr>
</tbody>
</table>
<hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#dfe1e4;margin:10px 0" />
<table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin-top: 10px;">
<tr>
<td style="padding-right: 8px;">
<img alt="Nhost Logo" height="20" src="https://nhost.io/images/emails/icon.png" style="display:block;outline:none;border:none;text-decoration:none;width:20px;height:20px;" width="20" />
</td>
<td>
<a href="https://nhost.io" style="color:#b4becc;text-decoration:none;font-size:14px" target="_blank">Powered by Nhost</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Loading
Loading