💚 Fix send email in CI "React is not defined"

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
+              As a reminder, your billing cycle ends on {readableResetDate}.
-              you&apos;d like to learn more about the Enterprise plan for an
-              annual commitment, reach out to support@typebot.io.
             </Text>
           </MjmlColumn>
         </MjmlSection>

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
   )

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",