Skip to content

Commit e564770

Browse files
authored
fix(cloud_auth): Verification code email rendering (#314)
1 parent f2ebc2a commit e564770

File tree

5 files changed

+53
-11
lines changed

5 files changed

+53
-11
lines changed

services/celest_cloud_auth/CHANGELOG.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
- refactor!: Rename `AuthDatabase` to `CloudAuthDatabase`
55
- refactor!: Rename all entities with `cloud_auth_` prefix
66
- fix: Correctly route `users/me`
7+
- fix: Verification code email rendering
78
- chore: Make `Authorizer` a class
89
- chore: Update dependencies
910

services/celest_cloud_auth/lib/src/email/templates/VerificationCode.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,4 +27,4 @@
2727
.text-black{color:rgb(0,0,0);}
2828
.font-normal{font-weight:400;}
2929
.leading-\[24px\]{line-height:24px;}
30-
.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}</style></head><body class="bg-white my-auto mx-auto font-sans"><div data-skip="true" style="display:none;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden">Your {{ type }} code for {{ organizationName }} is {{ code }}<div> ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏</div></div><table align="center" width="100%" class="border-separate border border-solid border-[#eaeaea] rounded my-[40px] mx-auto p-[20px] w-[465px]" role="presentation" cellspacing="0" cellpadding="0" border="0" style="max-width:37.5em"><tbody><tr style="width:100%"><td><table align="center" width="100%" class="mt-[32px]" border="0" cellpadding="0" cellspacing="0" role="presentation"><tbody><tr><td><img class="my-0 mx-auto" alt="{{ organizationName }}" src="{{ logoUrl }}" height="80" style="border:none;display:block;outline:none;text-decoration:none"></td></tr></tbody></table><h1 class="text-black text-[18px] font-normal text-center p-0 my-[30px] mx-0" style>Your {{ type }} code for <strong>{{ organizationName }}</strong></h1><p class="text-black text-[16px] leading-[24px]" style="font-size:14px;line-height:24px;margin:16px 0">Hello{{ #name }} {{ name }}{{ /name }},</p><p class="text-black text-[16px] leading-[24px]" style="font-size:14px;line-height:24px;margin:16px 0">Your {{ type }} code for <strong>{{ organizationName }}</strong> is:</p><table align="center" width="100%" class="text-center mt-[32px] mb-[32px]" border="0" cellpadding="0" cellspacing="0" role="presentation"><tbody><tr><td><p style="font-size:36px;line-height:24px;margin:16px 0;font-weight:700;padding:4px 8px;letter-spacing:1px;border-radius:4px;color:#3c4149">{{ code }}</p></td></tr></tbody></table><p class="text-black text-[16px] leading-[24px]" style="font-size:14px;line-height:24px;margin:16px 0">This code will expire in 15 minutes. If you received this email after this time, please request a new code.</p><hr class="border border-solid border-[#eaeaea] my-[26px] mx-0 w-full" style="border:none;border-top:1px solid #eaeaea;width:100%"><p class="text-[#666666] !text-[12px] leading-[24px]" style="font-size:14px;line-height:24px;margin:16px 0">This code was requested by <span class="text-black">{{ email }}</span> to {{ purpose }} {{ organizationName }}. If you were not expecting a code, you can ignore this email. If you are concerned about your account's safety, please reply to this email to get in touch with us.</p></td></tr></tbody></table></body></html>
30+
.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}</style></head><body class="bg-white my-auto mx-auto font-sans"><div data-skip="true" style="display:none;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden">Your {{ type }} code for {{ organizationName }} is {{ code }}<div> ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏</div></div><table align="center" width="100%" class="border-separate border border-solid border-[#eaeaea] rounded my-[40px] mx-auto p-[20px] w-[465px]" role="presentation" cellspacing="0" cellpadding="0" border="0" style="max-width:37.5em"><tbody><tr style="width:100%"><td><table align="center" width="100%" class="mt-[32px]" border="0" cellpadding="0" cellspacing="0" role="presentation"><tbody><tr><td>{{ #logoUrl }}<img class="my-0 mx-auto" alt="{{ organizationName }}" src="{{ logoUrl }}" height="80" style="border:none;display:block;outline:none;text-decoration:none">{{ /logoUrl }}</td></tr></tbody></table><h1 class="text-black text-[18px] font-normal text-center p-0 my-[30px] mx-0" style>Your {{ type }} code for <strong>{{ organizationName }}</strong></h1><p class="text-black text-[16px] leading-[24px]" style="font-size:14px;line-height:24px;margin:16px 0">Hello{{ #name }} {{ name }}{{ /name }},</p><p class="text-black text-[16px] leading-[24px]" style="font-size:14px;line-height:24px;margin:16px 0">Your {{ type }} code for <strong>{{ organizationName }}</strong> is:</p><table align="center" width="100%" class="text-center mt-[32px] mb-[32px]" border="0" cellpadding="0" cellspacing="0" role="presentation"><tbody><tr><td><p style="font-size:36px;line-height:24px;margin:16px 0;font-weight:700;padding:4px 8px;letter-spacing:1px;border-radius:4px;color:#3c4149">{{ code }}</p></td></tr></tbody></table><p class="text-black text-[16px] leading-[24px]" style="font-size:14px;line-height:24px;margin:16px 0">This code will expire in 15 minutes. If you received this email after this time, please request a new code.</p><hr class="border border-solid border-[#eaeaea] my-[26px] mx-0 w-full" style="border:none;border-top:1px solid #eaeaea;width:100%"><p class="text-[#666666] !text-[12px] leading-[24px]" style="font-size:14px;line-height:24px;margin:16px 0">This code was requested by <span class="text-black">{{ email }}</span> to {{ purpose }} {{ organizationName }}. If you were not expecting a code, you can ignore this email. If you are concerned about your account's safety, please reply to this email to get in touch with us.</p></td></tr></tbody></table></body></html>

0 commit comments

Comments
 (0)