diff --git a/packages/emails/src/MagicLink.tsx b/packages/emails/src/MagicLink.tsx index 9b432e2e4..758cbba45 100644 --- a/packages/emails/src/MagicLink.tsx +++ b/packages/emails/src/MagicLink.tsx @@ -18,7 +18,6 @@ import EmailLayout, { bodyText, button, buttonContainer, - footerText, } from "./components/EmailLayout"; export const MagicLink = () => { @@ -32,11 +31,29 @@ export const MagicLink = () => { - - This link will expire in {"{{.DurationInMinutes}}"} minutes. - +
+ + {"⚠️ This link expires in {{.DurationInMinutes}} minutes. Use it promptly after receiving this email."} + +
); }; +const expiryBox: React.CSSProperties = { + backgroundColor: "#fff8e1", + border: "1px solid #f9a825", + borderRadius: "6px", + padding: "12px 16px", + marginTop: "8px", +}; + +const expiryText: React.CSSProperties = { + margin: "0", + color: "#7a5900", + fontSize: "14px", + fontWeight: "600", + lineHeight: "20px", +}; + export default MagicLink; diff --git a/packages/emails/templates/magic-link.txt b/packages/emails/templates/magic-link.txt index 1d612aa0a..21edf06ba 100644 --- a/packages/emails/templates/magic-link.txt +++ b/packages/emails/templates/magic-link.txt @@ -6,7 +6,7 @@ Please use this link to connect to {{.OrganizationName}}'s Compliance Page: {{.MagicLinkURL}} -This link will expire in {{.DurationInMinutes}} minutes. +IMPORTANT: This link expires in {{.DurationInMinutes}} minutes. Use it promptly after receiving this email. {{.SenderCompanyHeadquarterAddress}} Powered By Prob