fix: make email visible

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

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/apps/example/app/emails/login-code.tsx b/apps/example/app/emails/login-code.tsx
@@ -9,7 +9,7 @@ import {
   Preview,
   Text,
 } from "@react-email/components";
-import LinearLogo from "./assets/logo.png";
+import LinearLogo from "~/emails/assets/logo.png";
 
 interface LoginCodeProps {
   code?: string;

diff --git a/apps/example/app/emails/reset-password.tsx b/apps/example/app/emails/reset-password.tsx
@@ -10,7 +10,7 @@ import {
   Preview,
   Text,
 } from "@react-email/components";
-import LinearLogo from "./assets/logo.png";
+import LinearLogo from "~/emails/assets/logo.png";
 
 interface ResetPasswordProps {
   resetLink?: string;

diff --git a/apps/example/app/routes/email.tsx b/apps/example/app/routes/email.tsx
@@ -24,6 +24,8 @@ export const loader = async ({ request }: LoaderFunctionArgs) => {
       resetPassword: ResetPassword,
     },
     {
+      // Dont do this in a typical app unless you want everyone to see your previews
+      allowedEnvs: ["production", "development", "test"],
       renderer: async (Component) =>
         renderAsync(<Component {...Component?.PreviewProps} />),
     },