fix: images not loading

gregermendle · Nov 20, 2023 · e21cf12 · e21cf12
1 parent 108786f
commit e21cf12
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 4 deletions.
diff --git a/apps/example/app/emails/login-code.tsx b/apps/example/app/emails/login-code.tsx
@@ -9,7 +9,6 @@ import {
   Preview,
   Text,
 } from "@react-email/components";
-import LinearLogo from "~/emails/assets/logo.png";
 
 interface LoginCodeProps {
   code?: string;
@@ -21,7 +20,7 @@ export const LoginCode = ({ code }: LoginCodeProps) => (
     <Preview>Your login code</Preview>
     <Body style={mainStyle}>
       <Container>
-        <Img src={LinearLogo} width="33" height="25" alt="Remix Mailer" />
+        <Img src="/assets/logo.png" width="33" height="25" alt="Remix Mailer" />
         <Heading style={headingStyle}>Your verification code.</Heading>
         <code style={codeStyle}>{code}</code>
         <Text style={paragraphStyle}>

diff --git a/apps/example/app/emails/reset-password.tsx b/apps/example/app/emails/reset-password.tsx
@@ -10,7 +10,6 @@ import {
   Preview,
   Text,
 } from "@react-email/components";
-import LinearLogo from "~/emails/assets/logo.png";
 
 interface ResetPasswordProps {
   resetLink?: string;
@@ -22,7 +21,7 @@ export const ResetPassword = ({ resetLink }: ResetPasswordProps) => (
     <Preview>Your login code</Preview>
     <Body style={mainStyle}>
       <Container>
-        <Img src={LinearLogo} width="33" height="25" alt="Remix Mailer" />
+        <Img src="/assets/logo.png" width="33" height="25" alt="Remix Mailer" />
         <Heading style={headingStyle}>Lets reset your password.</Heading>
         <Link href={resetLink}>Reset Password</Link>
         <Text style={paragraphStyle}>

diff --git a/apps/example/app/emails/assets/logo.png → apps/example/public/assets/logo.png b/apps/example/app/emails/assets/logo.png → apps/example/public/assets/logo.png