Small updates

lukevella · Feb 10, 2025 · 8f0ffa1 · 8f0ffa1
1 parent caa294a
commit 8f0ffa1
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 18 deletions.
diff --git a/apps/web/src/utils/emails.ts b/apps/web/src/utils/emails.ts
@@ -20,7 +20,7 @@ export const getEmailClient = (locale?: string) => {
     config: {
       logoUrl: isSelfHosted
         ? absoluteUrl("/images/rallly-logo-mark.png")
-        : "https://rallly-public.s3.amazonaws.com/images/rallly-logo-mark.png",
+        : "https://d39ixtfgglw55o.cloudfront.net/images/rallly-logo-mark.png",
       baseUrl: absoluteUrl(),
       domain: absoluteUrl().replace(/(^\w+:|^)\/\//, ""),
       supportEmail: env.SUPPORT_EMAIL,

diff --git a/packages/emails/locales/en/emails.json b/packages/emails/locales/en/emails.json
@@ -57,7 +57,7 @@
   "abandoned_checkout_name": "Hey {{name}},",
   "abandoned_checkout_noname": "Hey there,",
   "abandoned_checkout_content": "I noticed you were checking out <b>Rallly Pro</b> earlier. I wanted to reach out to see if you had any questions or needed help with anything.",
-  "abandoned_checkout_offer": "To help you get started, you can get <b>20% off</b> your first year. Just use the code below when you check out:",
+  "abandoned_checkout_offer": "To help you get started, you can get <b>{{discount}}% off</b> your first year. Just use the code below when you check out:",
   "abandoned_checkout_button": "Upgrade to Rallly Pro",
   "abandoned_checkout_support": "If you have any questions about Rallly Pro or need help with anything at all, just reply to this email. I'm here to help!",
   "abandoned_checkout_preview": "Upgrade to Rallly Pro to get more features and support.",

diff --git a/packages/emails/src/components/email-context.tsx b/packages/emails/src/components/email-context.tsx
@@ -7,7 +7,7 @@ i18nInstance.init({
 });
 
 export const previewEmailContext: EmailContext = {
-  logoUrl: "https://rallly-public.s3.amazonaws.com/images/rallly-logo-mark.png",
+  logoUrl: "https://d39ixtfgglw55o.cloudfront.net/images/rallly-logo-mark.png",
   baseUrl: "https://rallly.co",
   domain: "rallly.co",
   supportEmail: "[email protected]",

diff --git a/packages/emails/src/components/styled-components.tsx b/packages/emails/src/components/styled-components.tsx
@@ -49,14 +49,15 @@ export const Button = (props: React.ComponentProps<typeof UnstyledButton>) => {
       style={{
         backgroundColor: "#4F46E5",
         borderRadius: "4px",
-        padding: "12px 14px",
+        padding: "14px",
         fontFamily,
         boxSizing: "border-box",
         display: "block",
         width: "100%",
         maxWidth: "100%",
         textAlign: "center",
-        fontSize: "16px",
+        fontSize: "14px",
+        fontWeight: "bold",
         color: "white",
       }}
     />

diff --git a/packages/emails/src/templates/abandoned-checkout.tsx b/packages/emails/src/templates/abandoned-checkout.tsx
@@ -64,25 +64,28 @@ export const AbandonedCheckoutEmail = ({
           t={ctx.t}
           i18n={ctx.i18n}
           i18nKey="abandoned_checkout_offer"
-          defaults="To help you get started, I'd like to offer you <b>20% off your first year</b> with Rallly Pro. Simply use this exclusive code during checkout:"
+          defaults="To help you get started, I'd like to offer you <b>{{discount}}% off your first year</b> with Rallly Pro. Simply use this code during checkout:"
           ns="emails"
+          values={{
+            discount: 20,
+          }}
           components={{
             b: <b />,
           }}
         />
       </Text>
-      <Card style={{ marginTop: 32, marginBottom: 32 }}>
-        <Text
-          style={{
-            textAlign: "center",
-            fontFamily: "monospace",
-            fontWeight: "bold",
-          }}
-        >
-          GETPRO1Y20
-        </Text>
-      </Card>
-      <Section>
+      <Section style={{ marginTop: 16, marginBottom: 16 }}>
+        <Card>
+          <Text
+            style={{
+              textAlign: "center",
+              fontFamily: "monospace",
+              fontWeight: "bold",
+            }}
+          >
+            GETPRO1Y20
+          </Text>
+        </Card>
         <Button href={recoveryUrl} id="recoveryUrl">
           <Trans
             i18n={ctx.i18n}