lint

Author: gabrielmfern

apps/web/components/article-with-multiple-authors/inline-styles.tsx

@@ -8,8 +8,8 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import { Layout } from '../_components/layout';
 import { Fragment } from 'react/jsx-runtime';
+import { Layout } from '../_components/layout';
 
 export const component = (
   <Section>

apps/web/components/article-with-multiple-authors/tailwind.tsx

@@ -44,7 +44,12 @@ export const component = (
               width={48}
             />
           </Column>
-          <Column width="100%" className="pl-[18px] w-full" align="left" valign="top">
+          <Column
+            width="100%"
+            className="pl-[18px] w-full"
+            align="left"
+            valign="top"
+          >
             <Heading
               as="h3"
               className="m-0 font-medium text-[14px] text-gray-900 leading-[20px]"

apps/web/components/header-and-numbered-list-items/inline-styles.tsx

@@ -1,6 +1,6 @@
-import { Column, Hr, Row, Section, Text } from "@react-email/components";
-import { Fragment } from "react/jsx-runtime";
-import { Layout } from "../_components/layout";
+import { Column, Hr, Row, Section, Text } from '@react-email/components';
+import { Fragment } from 'react/jsx-runtime';
+import { Layout } from '../_components/layout';
 
 export const component = (
   <Section style={{ marginTop: 16 }}>
@@ -11,8 +11,8 @@ export const component = (
             margin: 0,
             fontWeight: 600,
             fontSize: 24,
-            color: "rgb(17,24,39)",
-            lineHeight: "32px",
+            color: 'rgb(17,24,39)',
+            lineHeight: '32px',
           }}
         >
           Functional Style
@@ -21,8 +21,8 @@ export const component = (
           style={{
             marginTop: 8,
             fontSize: 16,
-            color: "rgb(107,114,128)",
-            lineHeight: "24px",
+            color: 'rgb(107,114,128)',
+            lineHeight: '24px',
           }}
         >
           Combine practicality and style effortlessly with our furniture,
@@ -32,32 +32,32 @@ export const component = (
     </Section>
     {[
       {
-        title: "Vesatile Comfort",
+        title: 'Vesatile Comfort',
         description:
-          "Experience ultimate comfort and versatility with our furniture collection, designed to adapt to your ever-changing needs.",
+          'Experience ultimate comfort and versatility with our furniture collection, designed to adapt to your ever-changing needs.',
       },
       {
-        title: "Luxurious Retreat",
+        title: 'Luxurious Retreat',
         description:
-          "Transform your space into a haven of relaxation with our indulgent furniture collection.",
+          'Transform your space into a haven of relaxation with our indulgent furniture collection.',
       },
       {
-        title: "Unleash Creativity",
+        title: 'Unleash Creativity',
         description:
-          "Unleash your inner designer with our customizable furniture options, allowing you to create a space that reflects your unique vision",
+          'Unleash your inner designer with our customizable furniture options, allowing you to create a space that reflects your unique vision',
       },
       {
-        title: "Elevate Outdoor Living",
+        title: 'Elevate Outdoor Living',
         description:
-          "Take your outdoor space to new heights with our premium outdoor furniture, designed to elevate your alfresco experience.",
+          'Take your outdoor space to new heights with our premium outdoor furniture, designed to elevate your alfresco experience.',
       },
     ].map((feature, index) => (
       <Fragment key={feature.title}>
         <Hr
           style={{
-            border: "1px solid rgb(209, 213, 219)",
+            border: '1px solid rgb(209, 213, 219)',
             margin: 0,
-            width: "100%",
+            width: '100%',
           }}
         />
         <Section
@@ -82,9 +82,9 @@ export const component = (
                   align="center"
                   height="40"
                   style={{
-                    backgroundColor: "rgb(199, 210, 254)",
-                    borderRadius: "9999px",
-                    color: "rgb(79, 70, 229)",
+                    backgroundColor: 'rgb(199, 210, 254)',
+                    borderRadius: '9999px',
+                    color: 'rgb(79, 70, 229)',
                     fontWeight: 600,
                     height: 40,
                     padding: 0,
@@ -97,14 +97,14 @@ export const component = (
                 </Column>
               </Row>
             </Column>
-            <Column width="100%" style={{ width: "100%" }}>
+            <Column width="100%" style={{ width: '100%' }}>
               <Text
                 style={{
                   margin: 0,
                   fontWeight: 600,
                   fontSize: 20,
-                  lineHeight: "28px",
-                  color: "rgb(17, 24, 39)",
+                  lineHeight: '28px',
+                  color: 'rgb(17, 24, 39)',
                 }}
               >
                 {feature.title}
@@ -115,8 +115,8 @@ export const component = (
                   fontWeight: 600,
                   paddingTop: 8,
                   fontSize: 16,
-                  lineHeight: "24px",
-                  color: "rgb(107, 114, 128)",
+                  lineHeight: '24px',
+                  color: 'rgb(107, 114, 128)',
                 }}
               >
                 {feature.description}

apps/web/components/header-and-numbered-list-items/tailwind.tsx

@@ -41,7 +41,12 @@ export const component = (
         <Hr className="!border-gray-300 m-0 w-full border border-solid" />
         <Section className="py-[24px]">
           <Row>
-            <Column width="48" height="40" className="w-[40px] h-[40px] pr-[8px]" valign="baseline">
+            <Column
+              width="48"
+              height="40"
+              className="w-[40px] h-[40px] pr-[8px]"
+              valign="baseline"
+            >
               <Row width="40" align="left">
                 <Column
                   align="center"

apps/web/components/list-with-image-on-left/tailwind.tsx

@@ -72,7 +72,11 @@ export const component = (
                 />
               </Column>
               <Column width="60%" className="w-3/5 pr-[24px]">
-                <Row width="24" className="w-[24px] h-[24px] mb-[18px]" align={undefined}>
+                <Row
+                  width="24"
+                  className="w-[24px] h-[24px] mb-[18px]"
+                  align={undefined}
+                >
                   <Column
                     width="24"
                     height="24"

apps/web/components/simple-rating-survey/inline-styles.tsx

@@ -86,10 +86,11 @@ export const component = (
             </Column>
           </Row>
         </Section>
-        <Section style={{ marginTop: '12px', marginBottom: '24px' }} align="center">
-          <Row
-            width={undefined}
-          >
+        <Section
+          style={{ marginTop: '12px', marginBottom: '24px' }}
+          align="center"
+        >
+          <Row width={undefined}>
             {Array.from({ length: 5 }).map((_, i) => (
               <Column
                 key={i}