mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-04-12 02:27:36 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add email verif link in welcome email

Browse Source
This commit is contained in:
MartinBraquet
2025-11-01 10:53:10 +01:00
parent 0522e787cd
commit cebcc20c26
2 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
backend/email/emails/functions/helpers.tsx
View File

@@ -10,6 +10,7 @@ import {render} from "@react-email/render"
import {MatchesType} from "common/profiles/bookmarked_searches";
import NewSearchAlertsEmail from "email/new-search_alerts";
import WelcomeEmail from "email/welcome";
import * as admin from "firebase-admin";
export const fromEmail = 'Compass <compass@compassmeet.com>'
@@ -82,6 +83,7 @@ export const sendWelcomeEmail = async (
privateUser: PrivateUser,
) => {
if (!privateUser.email) return
const verificationLink = await admin.auth().generateEmailVerificationLink(privateUser.email);
return await sendEmail({
from: fromEmail,
subject: `Welcome to Compass!`,
@@ -91,6 +93,7 @@ export const sendWelcomeEmail = async (
toUser={toUser}
unsubscribeUrl={UNSUBSCRIBE_URL}
email={privateUser.email}
verificationLink={verificationLink}
/>
),
})

26
backend/email/emails/welcome.tsx
View File

@@ -4,27 +4,33 @@ import {type User} from 'common/user'
import {mockUser,} from './functions/mock'
import {button, container, content, Footer, main, paragraph} from "email/utils";
function randomHex(length: number) {
const bytes = new Uint8Array(Math.ceil(length / 2));
crypto.getRandomValues(bytes);
return Array.from(bytes, b => b.toString(16).padStart(2, "0"))
.join("")
.slice(0, length);
}
// function randomHex(length: number) {
// const bytes = new Uint8Array(Math.ceil(length / 2));
// crypto.getRandomValues(bytes);
// return Array.from(bytes, b => b.toString(16).padStart(2, "0"))
// .join("")
// .slice(0, length);
// }
interface WelcomeEmailProps {
toUser: User
unsubscribeUrl: string
email?: string
verificationLink?: string
}
export const WelcomeEmail = ({
toUser,
unsubscribeUrl,
email,
verificationLink,
}: WelcomeEmailProps) => {
const name = toUser.name.split(' ')[0]
const confirmUrl = `https://compassmeet.com/confirm-email/${randomHex(16)}`
// Some users may already have a verified email (e.g., signed it with Googl), but we send them a link anyway so that
// their email provider marks Compass as spam-free once they click the link.
// We can remove the verif link for them if we ask the user to click on another link in the email (which would not be related to email verification)
// const verificationLink = `https://compassmeet.com/confirm-email/${randomHex(16)}`
return (
<Html>
@@ -49,14 +55,14 @@ export const WelcomeEmail = ({
<Button
style={button}
href={confirmUrl}
href={verificationLink}
>
Confirm My Email
</Button>
<Text style={{marginTop: "40px", fontSize: "10px", color: "#555"}}>
Or copy and paste this link into your browser: <br/>
<a href={confirmUrl}>{confirmUrl}</a>
<a href={verificationLink}>{verificationLink}</a>
</Text>
<Text style={{marginTop: "40px", fontSize: "12px", color: "#555"}}>