fix(create-jsx-email): use linked email template, correct button props

shellscape · Oct 5, 2024 · 5b4f6d3 · 5b4f6d3
1 parent dddb76e
commit 5b4f6d3
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 103 deletions.
diff --git a/assets/templates/email.mustache b/assets/templates/email.mustache
@@ -47,19 +47,12 @@ const anchor = {
 };
 
 const button = {
-  backgroundColor: '#777',
-  borderRadius: '5px',
-  color: '#fff',
-  display: 'block',
-  fontSize: '16px',
   fontWeight: 'bold',
-  textAlign: 'center' as const,
   textDecoration: 'none',
-  width: '100%',
   padding: '10px'
 };
 
-export const previewProps = {
+export const defaultProps = {
   email: 'batman@example.com',
   name: 'Bruce Wayne'
 } as TemplateProps;
@@ -74,7 +67,16 @@ export const Template = ({ email, name }{{ propsType }}) => (
       <Container style={container}>
         <Section style={box}>
           <Text style={paragraph}>This is our email body text</Text>
-          <Button style={button} href="https://example.com">
+          <Button
+            style={button}
+            href="https://example.com"
+            width={'100%'}
+            align={'center'}
+            backgroundColor={'#777'}
+            borderRadius={5}
+            fontSize={16}
+            textColor={'#fff'}
+          >
             Action Button
           </Button>
           <Hr style={hr} />

diff --git a/packages/create-jsx-email/generators/templates b/packages/create-jsx-email/generators/templates
@@ -0,0 +1 @@
+../../../assets/templates
diff --git a/packages/create-jsx-email/generators/templates/email.mustache b/packages/create-jsx-email/generators/templates/email.mustache
diff --git a/packages/create-jsx-email/moon.yml b/packages/create-jsx-email/moon.yml
@@ -28,6 +28,7 @@ tasks:
     deps:
       - ~:tsc
       - ~:copy
+      - ~:copy.templates
     options:
       runDepsInParallel: false
 
@@ -36,6 +37,11 @@ tasks:
     options:
       cache: false
 
+  copy.templates:
+    command: rm -rf dist/generators/templates && cp -r ../../assets/templates dist/generators
+    options:
+      cache: false
+
   tsc:
     command: tsc --project tsconfig.json
     inputs: