From c09ca71ee58d4ff946b3ba7baff69a05ac198307 Mon Sep 17 00:00:00 2001 From: celine Date: Fri, 15 Aug 2025 16:18:35 -0400 Subject: [PATCH] added some templated for verifying emails with codes --- ...nfirmEmail.tsx => leafletConfirmEmail.tsx} | 60 ++++---- emails/post.tsx | 33 ++--- emails/pubConfirmEmail.tsx | 134 ++++++++++++++++++ emails/static/leaflet.png | Bin 713 -> 2431 bytes emails/welcome.tsx | 4 - 5 files changed, 183 insertions(+), 48 deletions(-) rename emails/{confirmEmail.tsx => leafletConfirmEmail.tsx} (67%) create mode 100644 emails/pubConfirmEmail.tsx delete mode 100644 emails/welcome.tsx diff --git a/emails/confirmEmail.tsx b/emails/leafletConfirmEmail.tsx similarity index 67% rename from emails/confirmEmail.tsx rename to emails/leafletConfirmEmail.tsx index 02a1d7db..fb5eef1f 100644 --- a/emails/confirmEmail.tsx +++ b/emails/leafletConfirmEmail.tsx @@ -3,21 +3,20 @@ import { Column, Container, Head, - Heading, Hr, Html, Img, Link, - Text, Section, Row, Button, CodeBlock, } from "@react-email/components"; +import { Text, Heading } from "./post"; import { Tailwind, pixelBasedPreset } from "@react-email/components"; import { LeafletWatermark } from "./post"; -export const ConfirmEmail = (props: {}) => ( +export const LeafletConfirmEmail = (props: {}) => ( ( > - - - Thank you for subscribing to - [[PUB NAME HERE]] - Here is your verification code - - 000000 - + + + + + - - + + + Welcome to Leaflet!{" "} + + + + + Verify your email with this code + + + + 000000 + + + + ); -export default ConfirmEmail; - -const blockPadding = "mt-1 mb-3 sm:mb-4"; -const headerPadding = "mt-1 mb-0"; - -const h1 = `text-xl font-bold ${blockPadding}`; -const h2 = `text-lg font-bold ${headerPadding}`; -const h3 = `text-base font-bold text-secondary ${headerPadding}`; -const primary = `text-base text-primary ${blockPadding}`; -const secondary = `text-base text-secondary ${blockPadding}`; -const tertiary = `text-base text-tertiary ${blockPadding}`; -const list = `my-0 !pl-6`; -const listItem = `${headerPadding} !ml-2`; -const link = `text-base text-accent-contrast ${blockPadding}`; -const image = `${blockPadding} text-center`; +export default LeafletConfirmEmail; diff --git a/emails/post.tsx b/emails/post.tsx index 1b063307..0e66212c 100644 --- a/emails/post.tsx +++ b/emails/post.tsx @@ -92,7 +92,7 @@ export const PostEmail = (props: {}) => ( }} > - + - - - - +
+ + + + + + +
-
+
@@ -252,6 +253,7 @@ export const LeafletWatermark = () => { const blockPadding = "mt-1 mb-3 sm:mb-4"; const headingPadding = "mt-1 mb-0"; +const link = `text-base text-accent-contrast ${blockPadding}`; export const Text = (props: { children: React.ReactNode; @@ -371,5 +373,4 @@ export const BlockNotSupported = () => { ); }; -const link = `text-base text-accent-contrast ${blockPadding}`; const image = `${blockPadding} text-center`; diff --git a/emails/pubConfirmEmail.tsx b/emails/pubConfirmEmail.tsx new file mode 100644 index 00000000..8ad039c8 --- /dev/null +++ b/emails/pubConfirmEmail.tsx @@ -0,0 +1,134 @@ +import { + Body, + Column, + Container, + Head, + Hr, + Html, + Img, + Link, + Section, + Row, + Button, + CodeBlock, +} from "@react-email/components"; +import { Text, Heading } from "./post"; +import { Tailwind, pixelBasedPreset } from "@react-email/components"; +import { LeafletWatermark } from "./post"; + +export const PubConfirmEmail = (props: {}) => ( + + + + + + + + + Thank you for subscribing to + + + + + + + + + + Leaflet Explorers + + + + + Verify your email with this code + + + + 000000 + + + + + + + + +); +export default PubConfirmEmail; diff --git a/emails/static/leaflet.png b/emails/static/leaflet.png index bbfc21478bed798911bf3eb2181a733485ca58fe..2c21a62984cb120468629c20c56902a42a5f7da9 100644 GIT binary patch delta 2427 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 delta 695 zcmew_bduGqGr-TCmrII^fq{Y7)59f*fq_ARfq_AhgN=cKVTanvKn4Z|&H|6fVg?3o zVGw3ym^DXYqM3X>Q=F%ZV@L(#+c4Wnw+tly8dy7cI?FC++%-Y?!5oDrEZMuJJYm_O z&M`;f8OsD=ojVO7e@tF82kcmqpzz*MXmP6Y?bV!1PVAHHty}y3%U=(%%ER_Tb%l+e`E1|tb&3ma=KNClQFv=bz>9TZt0Q`CgV>K>jH|DhXMX9{2EBzE z>z*E%Yw>6j2Sob!kCDff}B7vJC5*S=b< zAk_c6akD@R#4krPn?;wUu-$Eg~2~GG&lD0ox4dJXT14dZOps2CBokI=TU3MX)#9% z=R6T=;Ah(0?|baV0`}}X%{2)fn-X`#t>3>?cf&4+pZCm9%(PQHkvTPyuV|68c~^Hm z!@UHz-QAP<1^4>wpZBD_Uuc=`hFuNjvmNbpr+R%U_l|3qP!$qqR9Sq}bZ6#7?}WUz ztaTjcpA_8mF)En8Ni%-?OrzaXWg4XvFRVGAE7rBG^KF^*_19nRT56_>BbYn={|!&Y94$AhXHRoXikn+6tzYLM@O3#myL$Ed|F_q5rW-D}SM|$&7wb=M#$RifzkKRu!F^%* z^R;EGFWU<@T)w~hSwtR(F?ZdeFDHw3_B`SJFI>lbSVCmW2aW%x3=9kmp00i_>zopr E0645ReE