refactor: removed unnecessary tile size variable

2023-12-18 15:56:32 +01:00
parent 28a35dbf41
commit 875d66f2f7
5 changed files with 34 additions and 64 deletions
--- a/components/emails/template.tsx
+++ b/components/emails/template.tsx
@@ -12,31 +12,26 @@ type EmailProps = {
 export default function Email({ title, body }: EmailProps) {
  return (
    <Html>
-      <Section
-        className='mx-auto w-full max-w-2xl overflow-hidden rounded-lg bg-white shadow-lg'
-        style={main}
-      >
-        <Container style={container}>
+      <Section className='mx-auto w-full max-w-2xl overflow-hidden rounded-lg bg-white shadow-lg'>
+        <Container
+          style={{
+            margin: '0 auto',
+            padding: '20px 0 48px',
+            width: '580px'
+          }}
+        >
          <h1 className='mt-4 text-center text-3xl font-bold'>{title}</h1>
-          <Text style={paragraph}>{body}</Text>
+          <Text
+            style={{
+              fontSize: '16px',
+              marginBottom: '16px'
+            }}
+          >
+            {body}
+          </Text>
        </Container>
        <Footer />
      </Section>
    </Html>
  );
 }
-
-const main = {
-  backgroundColor: '#ffffff'
-};
-
-const container = {
-  margin: '0 auto',
-  padding: '20px 0 48px',
-  width: '580px'
-};
-
-const paragraph = {
-  fontSize: '16px',
-  marginBottom: '16px'
-};