update url

kaarthik108 · Jul 31, 2023 · 3ed3652 · 3ed3652
1 parent 0969132
commit 3ed3652
Show file tree

Hide file tree

Showing 8 changed files with 38 additions and 17 deletions.
diff --git a/pulumi/app/emails/InvoiceTemplate.tsx b/pulumi/app/emails/InvoiceTemplate.tsx
@@ -14,6 +14,8 @@ import {
 } from '@react-email/components';
 import * as React from 'react';
 
+const url = process.env.URL;
+
 export const AppleReceiptEmail = () => (
     <Html>
         <Head />
@@ -24,7 +26,7 @@ export const AppleReceiptEmail = () => (
                 <Section>
                     <Column>
                         <Img
-                            src={`../static/apple-logo.png`}
+                            src={`${url}/apple-logo.png`}
                             width="42"
                             height="42"
                             alt="Apple Logo"
@@ -107,7 +109,7 @@ export const AppleReceiptEmail = () => (
                 <Section>
                     <Column style={{ width: '64px' }}>
                         <Img
-                            src={`../static/apple-hbo-max-icon.jpeg`}
+                            src={`${url}/apple-hbo-max-icon.jpeg`}
                             width="64"
                             height="64"
                             alt="HBO Max"
@@ -153,7 +155,7 @@ export const AppleReceiptEmail = () => (
                 <Section>
                     <Column align="center" style={block}>
                         <Img
-                            src={`../static/apple-card-icon.png`}
+                            src={`${url}/apple-card-icon.png`}
                             width="60"
                             height="17"
                             alt="Apple Card"
@@ -172,7 +174,7 @@ export const AppleReceiptEmail = () => (
                             style={walletLink}
                         >
                             <Img
-                                src={`../static/apple-wallet.png`}
+                                src={`${url}/apple-wallet.png`}
                                 width="28"
                                 height="28"
                                 alt="Apple Wallet"
@@ -246,7 +248,7 @@ export const AppleReceiptEmail = () => (
                 <Section>
                     <Column align="center" style={footerIcon}>
                         <Img
-                            src={`../static/apple-logo.png`}
+                            src={`${url}/apple-logo.png`}
                             width="26"
                             height="26"
                             alt="Apple Card"

diff --git a/pulumi/app/emails/TestTemplate.tsx b/pulumi/app/emails/TestTemplate.tsx
@@ -16,10 +16,13 @@ interface TestTemplateProps {
     description: string;
 };
 
+const url = process.env.URL;
+
+
 const TestTemplate: React.FC<TestTemplateProps> = ({
     title = 'Hello, User!',
     link = 'https://example.com',
-    imageLink = '../static/plaid-logo.png',
+    imageLink = `${url}/plaid-logo.png`,
     description = 'This is a sample email template.'
 }) => {
     return (

diff --git a/pulumi/app/emails/inviteUser.tsx b/pulumi/app/emails/inviteUser.tsx
@@ -29,13 +29,16 @@ interface VercelInviteUserEmailProps {
     inviteFromLocation?: string;
 }
 
+const url = process.env.URL;
+
+
 export const VercelInviteUserEmail = ({
     username = 'zenorocha',
-    userImage = `../static/vercel-user.png`,
+    userImage = `${url}/vercel-user.png`,
     invitedByUsername = 'bukinoshita',
     invitedByEmail = '[email protected]',
     teamName = 'My Project',
-    teamImage = `../static/vercel-team.png`,
+    teamImage = `${url}/vercel-team.png`,
     inviteLink = 'https://vercel.com/teams/invite/foo',
     inviteFromIp = '204.13.186.218',
     inviteFromLocation = 'São Paulo, Brazil',
@@ -51,7 +54,7 @@ export const VercelInviteUserEmail = ({
                     <Container className="border border-solid border-[#eaeaea] rounded my-[40px] mx-auto p-[20px] w-[465px]">
                         <Section className="mt-[32px]">
                             <Img
-                                src={`../static/vercel-logo.png`}
+                                src={`${url}/vercel-logo.png`}
                                 width="40"
                                 height="37"
                                 alt="Vercel"
@@ -82,7 +85,7 @@ export const VercelInviteUserEmail = ({
                                 </Column>
                                 <Column align="center">
                                     <Img
-                                        src={`../static/vercel-arrow.png`}
+                                        src={`${url}/vercel-arrow.png`}
                                         width="12"
                                         height="9"
                                         alt="invited you to"

diff --git a/pulumi/app/emails/notionMagicLink.tsx b/pulumi/app/emails/notionMagicLink.tsx
@@ -11,11 +11,12 @@ import {
 } from '@react-email/components';
 import * as React from 'react';
 
+const url = process.env.URL;
+
 interface NotionMagicLinkEmailProps {
   loginCode?: string;
 }
 
-
 export const NotionMagicLinkEmail = ({
   loginCode = 'sparo-ndigo-amurt-secan',
 }: NotionMagicLinkEmailProps) => (
@@ -62,7 +63,7 @@ export const NotionMagicLinkEmail = ({
           account.
         </Text>
         <Img
-          src={`../static/notion-logo.png`}
+          src={`${url}/notion-logo.png`}
           width="32"
           height="32"
           alt="Notion's Logo"

diff --git a/pulumi/app/emails/plaidVerifyIdentity.tsx b/pulumi/app/emails/plaidVerifyIdentity.tsx
@@ -15,6 +15,8 @@ interface PlaidVerifyIdentityEmailProps {
   validationCode?: string;
 }
 
+const url = process.env.URL;
+
 export const PlaidVerifyIdentityEmail = ({
   validationCode = '144833',
 }: PlaidVerifyIdentityEmailProps) => (
@@ -23,7 +25,7 @@ export const PlaidVerifyIdentityEmail = ({
     <Body style={main}>
       <Container style={container}>
         <Img
-          src={`../static/plaid-logo.png`}
+          src={`${url}/plaid-logo.png`}
           width="212"
           height="88"
           alt="Plaid"

diff --git a/pulumi/app/emails/productShow.tsx b/pulumi/app/emails/productShow.tsx
@@ -19,6 +19,9 @@ interface SnowChatEmailProps {
     userImage?: string;
 }
 
+const url = process.env.URL;
+
+
 export const SnowChatEmail = ({
     username = 'Human',
 }: SnowChatEmailProps) => {
@@ -33,7 +36,7 @@ export const SnowChatEmail = ({
                     <Container className="border border-solid border-[#eaeaea] rounded my-[40px] mx-auto p-[20px] w-[465px]">
                         <Section className="mt-[32px]">
                             <Img
-                                src='../static/SNOW.png'
+                                src={`${url}/snowchat-logo.png`}
                                 width="40"
                                 height="37"
                                 alt="snowChat"

diff --git a/pulumi/app/emails/snowbrainTemplate.tsx b/pulumi/app/emails/snowbrainTemplate.tsx
@@ -6,6 +6,7 @@ import {
     Heading,
     Hr,
     Html,
+    Img,
     Link,
     Preview,
     Section,
@@ -18,6 +19,9 @@ interface SnowBrainEmailProps {
     username?: string;
 }
 
+const url = process.env.URL;
+
+
 export const SnowBrainEmail = ({
     username = 'people from earth',
 }: SnowBrainEmailProps) => {
@@ -57,8 +61,8 @@ export const SnowBrainEmail = ({
                                 </Button>
                             </Section>
                             <Section className="mt-8 mb-4">
-                                <img
-                                    src={`../static/snowbrain-logo.png`}
+                                <Img
+                                    src={`${url}/snowbrain-logo.png`}
                                     alt="SnowBrain Logo"
                                     className="rounded-lg w-full max-w-md mx-auto"
                                 />

diff --git a/pulumi/app/emails/stripeWelcome.tsx b/pulumi/app/emails/stripeWelcome.tsx
@@ -14,6 +14,9 @@ import {
 import * as React from 'react';
 
 
+const url = process.env.URL;
+
+
 function StripeWelcomeEmail() {
   return (
     <Html>
@@ -23,7 +26,7 @@ function StripeWelcomeEmail() {
         <Container style={container}>
           <Section style={box}>
             <Img
-              src={`../static/stripe-logo.png`}
+              src={`${url}/stripe-logo.png`}
               width="49"
               height="21"
               alt="Stripe"