shellscape
diff --git a/‎apps/demo/.eslintrc.js‎ b/‎apps/demo/.eslintrc.js‎
diff --git a/‎apps/demo/emails/airbnb-review.tsx‎
Lines changed: 9 additions & 13 deletions b/‎apps/demo/emails/airbnb-review.tsx‎
Lines changed: 9 additions & 13 deletions
diff --git a/‎apps/demo/emails/apple-receipt.tsx‎
Lines changed: 3 additions & 3 deletions b/‎apps/demo/emails/apple-receipt.tsx‎
Lines changed: 3 additions & 3 deletions
@@ -21,6 +21,14 @@ interface AirbnbReviewEmailProps {
 
 const baseUrl = 'https://jsx.email/assets/demo/';
 
+export const PreviewProps = {
+  authorName: 'Joker',
+  authorImage: `${baseUrl}batman-twilight.jpg`,
+  reviewText: `"Batsy's stay at my Airbnb Batcave was a riot! Batman surprised with a hidden sense of humor, engaging in epic banter and a prank war. His detective skills impressed, and the Batcave remained spotless. Game night and snacks were a hit, and even during downtime, he couldn't resist a Bat-signal. Hosting Batsy was chaos perfected – if you want a guest with brooding intensity and unexpected laughter, Batman's your Bat. Hahahahahahahahahaha! "`
+} as AirbnbReviewEmailProps;
+
+export const TemplateName = 'Airbnb Review';
+
 const main = {
   backgroundColor: '#ffffff',
   fontFamily:
@@ -94,11 +102,7 @@ const footer = {
   marginBottom: '10px'
 };
 
-export const AirbnbReviewEmail = ({
-  authorName,
-  authorImage,
-  reviewText
-}: AirbnbReviewEmailProps) => {
+export const Template = ({ authorName, authorImage, reviewText }: AirbnbReviewEmailProps) => {
   const previewText = `Read ${authorName}'s review`;
 
   return (
@@ -167,11 +171,3 @@ export const AirbnbReviewEmail = ({
     </Html>
   );
 };
-
-AirbnbReviewEmail.PreviewProps = {
-  authorName: 'Joker',
-  authorImage: `${baseUrl}batman-twilight.jpg`,
-  reviewText: `"Batsy's stay at my Airbnb Batcave was a riot! Batman surprised with a hidden sense of humor, engaging in epic banter and a prank war. His detective skills impressed, and the Batcave remained spotless. Game night and snacks were a hit, and even during downtime, he couldn't resist a Bat-signal. Hosting Batsy was chaos perfected – if you want a guest with brooding intensity and unexpected laughter, Batman's your Bat. Hahahahahahahahahaha! "`
-} as AirbnbReviewEmailProps;
-
-export default AirbnbReviewEmail;
@@ -230,7 +230,9 @@ const walletLinkText = {
   textDecoration: 'none'
 };
 
-export const AppleReceiptEmail = () => (
+export const TemplateName = 'Apple Receipt';
+
+export const Template = () => (
   <Html>
     <Head />
     <Preview>Apple Receipt</Preview>
@@ -473,5 +475,3 @@ export const AppleReceiptEmail = () => (
     </Body>
   </Html>
 );
-
-export default AppleReceiptEmail;