From 108786f3c84647dee540c398d9b1a3f6e7fc0f0e Mon Sep 17 00:00:00 2001
From: Gregory Jordan <greg@studable.com>
Date: Mon, 20 Nov 2023 18:36:06 -0500
Subject: [PATCH] fix: make email visible

---
 apps/example/app/emails/login-code.tsx     | 2 +-
 apps/example/app/emails/reset-password.tsx | 2 +-
 apps/example/app/routes/email.tsx          | 2 ++
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/example/app/emails/login-code.tsx b/apps/example/app/emails/login-code.tsx
index 412d044..4f0d9a9 100644
--- 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
index 09424ee..b9abeb5 100644
--- 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
index 4d84aae..734c40b 100644
--- 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} />),
     },