From 3e06d89873cd8177a54ffe2bcf75d7d3705ab854 Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Tue, 17 Oct 2023 14:39:10 +0200
Subject: [PATCH] :green_heart: Fix send email in CI "React is not defined"

---
 .../src/emails/AlmostReachedChatsLimitEmail.tsx       | 11 ++++++-----
 packages/emails/src/preview.tsx                       |  2 +-
 packages/scripts/package.json                         |  2 +-
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/emails/src/emails/AlmostReachedChatsLimitEmail.tsx b/packages/emails/src/emails/AlmostReachedChatsLimitEmail.tsx
index b503fcde4..89224ac41 100644
--- a/packages/emails/src/emails/AlmostReachedChatsLimitEmail.tsx
+++ b/packages/emails/src/emails/AlmostReachedChatsLimitEmail.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react'
+import React, { ComponentProps } from 'react'
 import { Mjml, MjmlBody, MjmlSection, MjmlColumn } from '@faire/mjml-react'
 import { render } from '@faire/mjml-react/utils/render'
 import { Head, HeroImage, Text } from '../components'
@@ -47,14 +47,15 @@ export const AlmostReachedChatsLimitEmail = ({
             </Text>
             <Text>
               Your progress can be monitored on your workspace dashboard
-              settings. Check out the{' '}
+              settings.
+            </Text>
+            <Text>
+              Check out the{' '}
               <a href="https://typebot.io/pricing">pricing page</a> for
               information about the pay as you go tiers.
             </Text>
             <Text>
-              As a reminder, your billing cycle ends on {readableResetDate}. If
-              you&apos;d like to learn more about the Enterprise plan for an
-              annual commitment, reach out to support@typebot.io.
+              As a reminder, your billing cycle ends on {readableResetDate}.
             </Text>
           </MjmlColumn>
         </MjmlSection>
diff --git a/packages/emails/src/preview.tsx b/packages/emails/src/preview.tsx
index 3e4522962..7da43e051 100644
--- a/packages/emails/src/preview.tsx
+++ b/packages/emails/src/preview.tsx
@@ -45,8 +45,8 @@ const createHtmlFile = () => {
     render(
       <AlmostReachedChatsLimitEmail
         usagePercent={86}
-        url={'https://app.typebot.io'}
         chatsLimit={2000}
+        workspaceName="My Workspace"
       />
     ).html
   )
diff --git a/packages/scripts/package.json b/packages/scripts/package.json
index 8b479252e..6bbc210da 100644
--- a/packages/scripts/package.json
+++ b/packages/scripts/package.json
@@ -5,7 +5,7 @@
   "license": "AGPL-3.0-or-later",
   "private": true,
   "scripts": {
-    "playground": "tsx playground.ts",
+    "playground": "SKIP_ENV_CHECK=true dotenv -e ./.env.local -- tsx playground.ts",
     "db:cleanDatabase": "tsx cleanDatabase.ts",
     "db:backup": "tsx backupDatabase.ts",
     "db:restore": "tsx restoreDatabase.ts",