Move to using @react-email/components

triggerdotdev · Apr 26, 2024 · d9205ba · d9205ba
1 parent e65aa06
commit d9205ba
Show file tree

Hide file tree

Showing 10 changed files with 44 additions and 207 deletions.
diff --git a/packages/emails/emails/alert-attempt-failure.tsx b/packages/emails/emails/alert-attempt-failure.tsx
@@ -1,16 +1,18 @@
-import { Container } from "@react-email/container";
-import { Head } from "@react-email/head";
-import { Html } from "@react-email/html";
-import { Image } from "./components/Image";
-import { Link } from "@react-email/link";
-import { Preview } from "@react-email/preview";
-import { Section } from "@react-email/section";
-import { Text } from "@react-email/text";
-import * as React from "react";
-import { Footer } from "./components/Footer";
-import { main, anchor, h1, container, paragraphLight } from "./components/styles";
+import {
+  CodeBlock,
+  Container,
+  Head,
+  Html,
+  Link,
+  Preview,
+  Section,
+  Text,
+  dracula,
+} from "@react-email/components";
 import { z } from "zod";
-import { CodeBlock, dracula } from "@react-email/code-block";
+import { Footer } from "./components/Footer";
+import { Image } from "./components/Image";
+import { anchor, container, h1, main, paragraphLight } from "./components/styles";
 
 export const AlertAttemptEmailSchema = z.object({
   email: z.literal("alert-attempt"),

diff --git a/packages/emails/emails/components/Footer.tsx b/packages/emails/emails/components/Footer.tsx
@@ -1,6 +1,4 @@
-import { Hr } from "@react-email/hr";
-import { Link } from "@react-email/link";
-import { Text } from "@react-email/text";
+import { Hr, Link, Text } from "@react-email/components";
 import React from "react";
 import { footer, footerAnchor, hr } from "./styles";
 

diff --git a/packages/emails/emails/components/Image.tsx b/packages/emails/emails/components/Image.tsx
@@ -1,4 +1,4 @@
-import { Img } from "@react-email/img";
+import { Img } from "@react-email/components";
 import * as React from "react";
 import { getGlobalBasePath } from "./BasePath";
 

diff --git a/packages/emails/emails/deployment-failure.tsx b/packages/emails/emails/deployment-failure.tsx
@@ -1,12 +1,14 @@
-import { CodeBlock, dracula } from "@react-email/code-block";
-import { Container } from "@react-email/container";
-import { Head } from "@react-email/head";
-import { Html } from "@react-email/html";
-import { Link } from "@react-email/link";
-import { Preview } from "@react-email/preview";
-import { Section } from "@react-email/section";
-import { Text } from "@react-email/text";
-import * as React from "react";
+import {
+  CodeBlock,
+  Container,
+  Head,
+  Html,
+  Link,
+  Preview,
+  Section,
+  Text,
+  dracula,
+} from "@react-email/components";
 import { z } from "zod";
 import { Footer } from "./components/Footer";
 import { Image } from "./components/Image";

diff --git a/packages/emails/emails/deployment-success.tsx b/packages/emails/emails/deployment-success.tsx
@@ -1,12 +1,4 @@
-import { CodeBlock, dracula } from "@react-email/code-block";
-import { Container } from "@react-email/container";
-import { Head } from "@react-email/head";
-import { Html } from "@react-email/html";
-import { Link } from "@react-email/link";
-import { Preview } from "@react-email/preview";
-import { Section } from "@react-email/section";
-import { Text } from "@react-email/text";
-import * as React from "react";
+import { Container, Head, Html, Link, Preview, Section, Text } from "@react-email/components";
 import { z } from "zod";
 import { Footer } from "./components/Footer";
 import { Image } from "./components/Image";

diff --git a/packages/emails/emails/invite.tsx b/packages/emails/emails/invite.tsx
@@ -1,15 +1,8 @@
-import { Container } from "@react-email/container";
-import { Head } from "@react-email/head";
-import { Html } from "@react-email/html";
-import { Image } from "./components/Image";
-import { Link } from "@react-email/link";
-import { Preview } from "@react-email/preview";
-import { Section } from "@react-email/section";
-import { Text } from "@react-email/text";
-import * as React from "react";
-import { Footer } from "./components/Footer";
-import { main, anchor, h1, container, paragraphLight } from "./components/styles";
+import { Container, Head, Html, Link, Preview, Section, Text } from "@react-email/components";
 import { z } from "zod";
+import { Footer } from "./components/Footer";
+import { Image } from "./components/Image";
+import { anchor, container, h1, main, paragraphLight } from "./components/styles";
 
 export const InviteEmailSchema = z.object({
   email: z.literal("invite"),

diff --git a/packages/emails/emails/magic-link.tsx b/packages/emails/emails/magic-link.tsx
@@ -1,14 +1,7 @@
-import { Container } from "@react-email/container";
-import { Head } from "@react-email/head";
-import { Html } from "@react-email/html";
-import { Image } from "./components/Image";
-import { Link } from "@react-email/link";
-import { Preview } from "@react-email/preview";
-import { Section } from "@react-email/section";
-import { Text } from "@react-email/text";
-import * as React from "react";
+import { Container, Head, Html, Link, Preview, Section, Text } from "@react-email/components";
 import { Footer } from "./components/Footer";
-import { main, anchor, h1, container, paragraphLight } from "./components/styles";
+import { Image } from "./components/Image";
+import { anchor, container, h1, main, paragraphLight } from "./components/styles";
 
 export default function Email({ magicLink }: { magicLink: string }) {
   return (

diff --git a/packages/emails/emails/welcome.tsx b/packages/emails/emails/welcome.tsx
@@ -1,10 +1,4 @@
-import { Head } from "@react-email/head";
-import { Html } from "@react-email/html";
-import { Link } from "@react-email/link";
-import { Preview } from "@react-email/preview";
-import { Section } from "@react-email/section";
-import { Text } from "@react-email/text";
-import * as React from "react";
+import { Head, Html, Link, Preview, Section, Text } from "@react-email/components";
 import { Footer } from "./components/Footer";
 import { anchor, bullets, footerItalic, main, paragraph } from "./components/styles";
 

diff --git a/packages/emails/package.json b/packages/emails/package.json
@@ -9,20 +9,7 @@
     "dev": "PORT=3080 email dev"
   },
   "dependencies": {
-    "@react-email/button": "^0.0.14",
-    "@react-email/container": "^0.0.11",
-    "@react-email/head": "^0.0.7",
-    "@react-email/heading": "^0.0.11",
-    "@react-email/hr": "^0.0.7",
-    "@react-email/html": "^0.0.7",
-    "@react-email/img": "^0.0.7",
-    "@react-email/link": "^0.0.7",
-    "@react-email/preview": "^0.0.2",
-    "@react-email/render": "^0.0.12",
-    "@react-email/section": "^0.0.11",
-    "@react-email/text": "^0.0.7",
-    "@react-email/code-block": "^0.0.3",
-    "@react-email/code-inline": "^0.0.1",
+    "@react-email/components": "0.0.16",
     "react": "^18.2.0",
     "react-email": "^2.1.1",
     "resend": "^3.2.0",