Skip to content

Commit d9205ba

Browse files
ericallamericallam
committed
Move to using @react-email/components 
1 parent e65aa06 commit d9205ba

File tree

10 files changed

+44
-207
lines changed

10 files changed

+44
-207
lines changed

‎packages/emails/emails/alert-attempt-failure.tsx

Lines changed: 14 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,18 @@
1-
import { Container } from "@react-email/container";
2-
import { Head } from "@react-email/head";
3-
import { Html } from "@react-email/html";
4-
import { Image } from "./components/Image";
5-
import { Link } from "@react-email/link";
6-
import { Preview } from "@react-email/preview";
7-
import { Section } from "@react-email/section";
8-
import { Text } from "@react-email/text";
9-
import * as React from "react";
10-
import { Footer } from "./components/Footer";
11-
import { main, anchor, h1, container, paragraphLight } from "./components/styles";
1+
import {
2+
CodeBlock,
3+
Container,
4+
Head,
5+
Html,
6+
Link,
7+
Preview,
8+
Section,
9+
Text,
10+
dracula,
11+
} from "@react-email/components";
1212
import { z } from "zod";
13-
import { CodeBlock, dracula } from "@react-email/code-block";
13+
import { Footer } from "./components/Footer";
14+
import { Image } from "./components/Image";
15+
import { anchor, container, h1, main, paragraphLight } from "./components/styles";
1416

1517
export const AlertAttemptEmailSchema = z.object({
1618
email: z.literal("alert-attempt"),

‎packages/emails/emails/components/Footer.tsx

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
1-
import { Hr } from "@react-email/hr";
2-
import { Link } from "@react-email/link";
3-
import { Text } from "@react-email/text";
1+
import { Hr, Link, Text } from "@react-email/components";
42
import React from "react";
53
import { footer, footerAnchor, hr } from "./styles";
64

‎packages/emails/emails/components/Image.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Img } from "@react-email/img";
1+
import { Img } from "@react-email/components";
22
import * as React from "react";
33
import { getGlobalBasePath } from "./BasePath";
44

‎packages/emails/emails/deployment-failure.tsx

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,14 @@
1-
import { CodeBlock, dracula } from "@react-email/code-block";
2-
import { Container } from "@react-email/container";
3-
import { Head } from "@react-email/head";
4-
import { Html } from "@react-email/html";
5-
import { Link } from "@react-email/link";
6-
import { Preview } from "@react-email/preview";
7-
import { Section } from "@react-email/section";
8-
import { Text } from "@react-email/text";
9-
import * as React from "react";
1+
import {
2+
CodeBlock,
3+
Container,
4+
Head,
5+
Html,
6+
Link,
7+
Preview,
8+
Section,
9+
Text,
10+
dracula,
11+
} from "@react-email/components";
1012
import { z } from "zod";
1113
import { Footer } from "./components/Footer";
1214
import { Image } from "./components/Image";

‎packages/emails/emails/deployment-success.tsx

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,4 @@
1-
import { CodeBlock, dracula } from "@react-email/code-block";
2-
import { Container } from "@react-email/container";
3-
import { Head } from "@react-email/head";
4-
import { Html } from "@react-email/html";
5-
import { Link } from "@react-email/link";
6-
import { Preview } from "@react-email/preview";
7-
import { Section } from "@react-email/section";
8-
import { Text } from "@react-email/text";
9-
import * as React from "react";
1+
import { Container, Head, Html, Link, Preview, Section, Text } from "@react-email/components";
102
import { z } from "zod";
113
import { Footer } from "./components/Footer";
124
import { Image } from "./components/Image";

‎packages/emails/emails/invite.tsx

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,8 @@
1-
import { Container } from "@react-email/container";
2-
import { Head } from "@react-email/head";
3-
import { Html } from "@react-email/html";
4-
import { Image } from "./components/Image";
5-
import { Link } from "@react-email/link";
6-
import { Preview } from "@react-email/preview";
7-
import { Section } from "@react-email/section";
8-
import { Text } from "@react-email/text";
9-
import * as React from "react";
10-
import { Footer } from "./components/Footer";
11-
import { main, anchor, h1, container, paragraphLight } from "./components/styles";
1+
import { Container, Head, Html, Link, Preview, Section, Text } from "@react-email/components";
122
import { z } from "zod";
3+
import { Footer } from "./components/Footer";
4+
import { Image } from "./components/Image";
5+
import { anchor, container, h1, main, paragraphLight } from "./components/styles";
136

147
export const InviteEmailSchema = z.object({
158
email: z.literal("invite"),

‎packages/emails/emails/magic-link.tsx

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,7 @@
1-
import { Container } from "@react-email/container";
2-
import { Head } from "@react-email/head";
3-
import { Html } from "@react-email/html";
4-
import { Image } from "./components/Image";
5-
import { Link } from "@react-email/link";
6-
import { Preview } from "@react-email/preview";
7-
import { Section } from "@react-email/section";
8-
import { Text } from "@react-email/text";
9-
import * as React from "react";
1+
import { Container, Head, Html, Link, Preview, Section, Text } from "@react-email/components";
102
import { Footer } from "./components/Footer";
11-
import { main, anchor, h1, container, paragraphLight } from "./components/styles";
3+
import { Image } from "./components/Image";
4+
import { anchor, container, h1, main, paragraphLight } from "./components/styles";
125

136
export default function Email({ magicLink }: { magicLink: string }) {
147
return (

‎packages/emails/emails/welcome.tsx

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,4 @@
1-
import { Head } from "@react-email/head";
2-
import { Html } from "@react-email/html";
3-
import { Link } from "@react-email/link";
4-
import { Preview } from "@react-email/preview";
5-
import { Section } from "@react-email/section";
6-
import { Text } from "@react-email/text";
7-
import * as React from "react";
1+
import { Head, Html, Link, Preview, Section, Text } from "@react-email/components";
82
import { Footer } from "./components/Footer";
93
import { anchor, bullets, footerItalic, main, paragraph } from "./components/styles";
104

‎packages/emails/package.json

Lines changed: 1 addition & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -9,20 +9,7 @@
99
"dev": "PORT=3080 email dev"
1010
},
1111
"dependencies": {
12-
"@react-email/button": "^0.0.14",
13-
"@react-email/container": "^0.0.11",
14-
"@react-email/head": "^0.0.7",
15-
"@react-email/heading": "^0.0.11",
16-
"@react-email/hr": "^0.0.7",
17-
"@react-email/html": "^0.0.7",
18-
"@react-email/img": "^0.0.7",
19-
"@react-email/link": "^0.0.7",
20-
"@react-email/preview": "^0.0.2",
21-
"@react-email/render": "^0.0.12",
22-
"@react-email/section": "^0.0.11",
23-
"@react-email/text": "^0.0.7",
24-
"@react-email/code-block": "^0.0.3",
25-
"@react-email/code-inline": "^0.0.1",
12+
"@react-email/components": "0.0.16",
2613
"react": "^18.2.0",
2714
"react-email": "^2.1.1",
2815
"resend": "^3.2.0",

0 commit comments

Comments
 (0)