Skip to content

Commit 5dd58e1

Browse files
bukinoshitagabrielmfern
bukinoshita
and
gabrielmfern
committed
fix(demo): linter (#2018)
Co-authored-by: gabriel miranda <[email protected]>
1 parent e91bc9a commit 5dd58e1

File tree

5 files changed

+60
-60
lines changed

5 files changed

+60
-60
lines changed

‎apps/demo/emails/notifications/papermark-year-in-review.tsx

+33-33
Original file line numberDiff line numberDiff line change
@@ -49,13 +49,13 @@ export default function PapermarkYearInReviewEmail({
4949
<Body className="bg-white font-sans">
5050
<Container className="mx-auto w-full max-w-[600px] p-0">
5151
<Section className="p-8 text-center">
52-
<Text className="mx-0 mb-8 mt-4 p-0 text-center text-2xl font-normal">
52+
<Text className="mx-0 mt-4 mb-8 p-0 text-center font-normal text-2xl">
5353
<span className="font-bold tracking-tighter">Papermark</span>
5454
</Text>
55-
<Text className="text-sm font-normal uppercase tracking-wider">
55+
<Text className="font-normal text-sm uppercase tracking-wider">
5656
{year} in review
5757
</Text>
58-
<Heading className="my-4 text-4xl font-medium leading-tight">
58+
<Heading className="my-4 font-medium text-4xl leading-tight">
5959
Your Year with Papermark
6060
</Heading>
6161
<Text className="mb-8 text-lg leading-8">
@@ -64,55 +64,55 @@ export default function PapermarkYearInReviewEmail({
6464
</Text>
6565
<Link
6666
href="https://www.papermark.com"
67-
className="inline-flex items-center rounded-full bg-gray-900 px-12 py-4 text-center text-sm font-bold text-white no-underline"
67+
className="inline-flex items-center rounded-full bg-gray-900 px-12 py-4 text-center font-bold text-sm text-white no-underline"
6868
>
6969
Share your stats
7070
</Link>
7171
</Section>
7272

7373
<Section className="my-6 rounded-2xl bg-[#fb7a00]/10 bg-[radial-gradient(circle_at_bottom_right,#fb7a00_0%,transparent_60%)] p-8 text-center">
74-
<Heading className="m-0 text-3xl font-medium text-[#a63b00]">
74+
<Heading className="m-0 font-medium text-3xl text-[#a63b00]">
7575
Viewers spent
7676
</Heading>
77-
<Text className="my-4 text-7xl font-bold leading-none text-gray-900">
77+
<Text className="my-4 font-bold text-7xl text-gray-900 leading-none">
7878
{minutesSpentOnDocs}
7979
</Text>
80-
<Text className="mb-4 text-3xl font-medium text-gray-900">
80+
<Text className="mb-4 font-medium text-3xl text-gray-900">
8181
minutes on your documents
8282
</Text>
83-
<Text className="text-sm leading-5 text-gray-900">
83+
<Text className="text-gray-900 text-sm leading-5">
8484
That&apos;s a lot of engagement! Your documents are resonating
8585
with your visitors.
8686
</Text>
8787

8888
<Hr className="mt-6" style={{ borderColor: '#fb7a00' }} />
89-
<Heading className="pt-5 text-xs font-medium uppercase tracking-wider text-gray-900">
89+
<Heading className="pt-5 font-medium text-gray-900 text-xs uppercase tracking-wider">
9090
Your activity
9191
</Heading>
9292
<Row className="mt-5">
9393
<Column className="w-1/3 text-center">
94-
<Text className="text-sm font-medium text-[#a63b00]">
94+
<Text className="font-medium text-[#a63b00] text-sm">
9595
You uploaded
9696
</Text>
97-
<Text className="my-1 text-4xl font-bold text-gray-900">
97+
<Text className="my-1 font-bold text-4xl text-gray-900">
9898
{uploadedDocuments}
9999
</Text>
100100
<Text className="text-2xl text-gray-900">documents</Text>
101101
</Column>
102102
<Column className="w-1/3 text-center">
103-
<Text className="text-sm font-medium text-[#a63b00]">
103+
<Text className="font-medium text-[#a63b00] text-sm">
104104
You shared
105105
</Text>
106-
<Text className="my-1 text-4xl font-bold text-gray-900">
106+
<Text className="my-1 font-bold text-4xl text-gray-900">
107107
{sharedLinks}
108108
</Text>
109109
<Text className="text-2xl text-gray-900">links</Text>
110110
</Column>
111111
<Column className="w-1/3 text-center">
112-
<Text className="text-sm font-medium text-[#a63b00]">
112+
<Text className="font-medium text-[#a63b00] text-sm">
113113
You received
114114
</Text>
115-
<Text className="my-1 text-4xl font-bold text-gray-900">
115+
<Text className="my-1 font-bold text-4xl text-gray-900">
116116
{receivedViews}
117117
</Text>
118118
<Text className="text-2xl text-gray-900">views</Text>
@@ -121,61 +121,61 @@ export default function PapermarkYearInReviewEmail({
121121
</Section>
122122

123123
<Section className="my-6 rounded-2xl bg-[#4b5563]/10 bg-[radial-gradient(circle_at_bottom_right,#4b5563_0%,transparent_60%)] p-8 text-center">
124-
<Heading className="m-0 text-3xl font-medium text-gray-800">
124+
<Heading className="m-0 font-medium text-3xl text-gray-800">
125125
Your top document
126126
</Heading>
127-
<Text className="my-4 text-2xl font-bold leading-none text-gray-900">
127+
<Text className="my-4 font-bold text-2xl text-gray-900 leading-none">
128128
&quot;{topDocumentName}&quot;
129129
</Text>
130-
<Text className="mb-4 text-5xl font-medium text-gray-900">
130+
<Text className="mb-4 font-medium text-5xl text-gray-900">
131131
{topDocumentViews} views
132132
</Text>
133-
<Text className="text-sm leading-5 text-gray-900">
133+
<Text className="text-gray-900 text-sm leading-5">
134134
This document really caught your visitor&apos;s attention!
135135
</Text>
136136
</Section>
137137

138138
<Section className="my-6 rounded-2xl bg-[#e4c5a0]/10 bg-[radial-gradient(circle_at_bottom_right,#e4c5a0_0%,transparent_60%)] p-8 text-center">
139-
<Heading className="m-0 text-3xl font-medium text-[#9c7b4a]">
139+
<Heading className="m-0 font-medium text-3xl text-[#9c7b4a]">
140140
Your most active month
141141
</Heading>
142-
<Text className="my-4 text-5xl font-bold leading-none text-gray-900">
142+
<Text className="my-4 font-bold text-5xl text-gray-900 leading-none">
143143
{mostActiveMonth}
144144
</Text>
145-
<Text className="mb-4 text-3xl font-medium text-gray-900">
145+
<Text className="mb-4 font-medium text-3xl text-gray-900">
146146
with {mostActiveMonthViews} views
147147
</Text>
148-
<Text className="text-sm leading-5 text-gray-900">
148+
<Text className="text-gray-900 text-sm leading-5">
149149
{mostActiveMonth} was your busiest month. What did you share
150150
that got so much attention?
151151
</Text>
152152

153153
<Hr className="mt-6" style={{ borderColor: '#e4c5a0' }} />
154-
<Heading className="pt-5 text-xs font-medium uppercase tracking-wider text-gray-900">
154+
<Heading className="pt-5 font-medium text-gray-900 text-xs uppercase tracking-wider">
155155
You&apos;re in the top
156156
</Heading>
157-
<Text className="my-4 text-7xl font-bold leading-none text-gray-900">
157+
<Text className="my-4 font-bold text-7xl text-gray-900 leading-none">
158158
{sharerPercentile}%
159159
</Text>
160-
<Text className="mb-4 text-xl font-medium text-gray-900">
160+
<Text className="mb-4 font-medium text-gray-900 text-xl">
161161
of sharers on Papermark
162162
</Text>
163-
<Text className="text-sm leading-5 text-gray-900">
163+
<Text className="text-gray-900 text-sm leading-5">
164164
You&apos;re one of our most active users. Thank you for sharing
165165
with Papermark!
166166
</Text>
167167
</Section>
168168

169169
<Section className="my-6 rounded-2xl bg-[#10b981]/10 bg-[radial-gradient(circle_at_bottom_right,#10b981_0%,transparent_60%)] p-8 text-center">
170-
<Heading className="m-0 text-3xl font-medium text-[#065f46]">
170+
<Heading className="m-0 font-medium text-3xl text-[#065f46]">
171171
Your documents were viewed from
172172
</Heading>
173173
<Row className="mt-4">
174174
<Column>
175175
{viewingLocations.map((location, index) => (
176176
<Text
177177
key={index}
178-
className="rounded-full bg-[#10b981] px-3 py-1 text-sm font-medium text-white"
178+
className="rounded-full bg-[#10b981] px-3 py-1 font-medium text-sm text-white"
179179
style={{
180180
margin: '4px 4px',
181181
display: 'inline-block',
@@ -186,25 +186,25 @@ export default function PapermarkYearInReviewEmail({
186186
))}
187187
</Column>
188188
</Row>
189-
<Text className="mt-4 text-sm leading-5 text-[#065f46]">
189+
<Text className="mt-4 text-[#065f46] text-sm leading-5">
190190
Your documents get attention from all over the world!
191191
</Text>
192192
</Section>
193193

194194
<Section className="pb-6 text-center">
195-
<Text className="text-xl leading-8 text-gray-900">
195+
<Text className="text-gray-900 text-xl leading-8">
196196
We&apos;re excited to support you next year! <br />
197197
Happy Holidays from the Papermark team :)
198198
</Text>
199199
<Link
200200
href="https://www.papermark.com"
201-
className="mt-4 inline-flex items-center rounded-full bg-gray-900 px-12 py-4 text-center text-sm font-bold text-white no-underline"
201+
className="mt-4 inline-flex items-center rounded-full bg-gray-900 px-12 py-4 text-center font-bold text-sm text-white no-underline"
202202
>
203203
Share your stats
204204
</Link>
205205
<Link
206206
href="https://www.papermark.com"
207-
className="mt-4 block items-center text-center text-sm font-bold text-gray-900 no-underline"
207+
className="mt-4 block items-center text-center font-bold text-gray-900 text-sm no-underline"
208208
>
209209
Go to your dashboard
210210
</Link>

‎apps/demo/emails/notifications/vercel-invite-user.tsx

+10-10
Original file line numberDiff line numberDiff line change
@@ -49,25 +49,25 @@ export const VercelInviteUserEmail = ({
4949
<Html>
5050
<Head />
5151
<Tailwind>
52-
<Body className="bg-white my-auto mx-auto font-sans px-2">
52+
<Body className="mx-auto my-auto bg-white px-2 font-sans">
5353
<Preview>{previewText}</Preview>
54-
<Container className="border border-solid border-[#eaeaea] rounded my-[40px] mx-auto p-[20px] max-w-[465px]">
54+
<Container className="mx-auto my-[40px] max-w-[465px] rounded border border-[#eaeaea] border-solid p-[20px]">
5555
<Section className="mt-[32px]">
5656
<Img
5757
src={`${baseUrl}/static/vercel-logo.png`}
5858
width="40"
5959
height="37"
6060
alt="Vercel Logo"
61-
className="my-0 mx-auto"
61+
className="mx-auto my-0"
6262
/>
6363
</Section>
64-
<Heading className="text-black text-[24px] font-normal text-center p-0 my-[30px] mx-0">
64+
<Heading className="mx-0 my-[30px] p-0 text-center font-normal text-[24px] text-black">
6565
Join <strong>{teamName}</strong> on <strong>Vercel</strong>
6666
</Heading>
67-
<Text className="text-black text-[14px] leading-[24px]">
67+
<Text className="text-[14px] text-black leading-[24px]">
6868
Hello {username},
6969
</Text>
70-
<Text className="text-black text-[14px] leading-[24px]">
70+
<Text className="text-[14px] text-black leading-[24px]">
7171
<strong>{invitedByUsername}</strong> (
7272
<Link
7373
href={`mailto:${invitedByEmail}`}
@@ -108,21 +108,21 @@ export const VercelInviteUserEmail = ({
108108
</Column>
109109
</Row>
110110
</Section>
111-
<Section className="text-center mt-[32px] mb-[32px]">
111+
<Section className="mt-[32px] mb-[32px] text-center">
112112
<Button
113-
className="bg-[#000000] rounded text-white text-[12px] font-semibold no-underline text-center px-5 py-3"
113+
className="rounded bg-[#000000] px-5 py-3 text-center font-semibold text-[12px] text-white no-underline"
114114
href={inviteLink}
115115
>
116116
Join the team
117117
</Button>
118118
</Section>
119-
<Text className="text-black text-[14px] leading-[24px]">
119+
<Text className="text-[14px] text-black leading-[24px]">
120120
or copy and paste this URL into your browser:{' '}
121121
<Link href={inviteLink} className="text-blue-600 no-underline">
122122
{inviteLink}
123123
</Link>
124124
</Text>
125-
<Hr className="border border-solid border-[#eaeaea] my-[26px] mx-0 w-full" />
125+
<Hr className="mx-0 my-[26px] w-full border border-[#eaeaea] border-solid" />
126126
<Text className="text-[#666666] text-[12px] leading-[24px]">
127127
This invitation was intended for{' '}
128128
<span className="text-black">{username}</span>. This invite was

‎apps/demo/emails/welcome/netlify-welcome.tsx

+6-6
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ export const NetlifyWelcomeEmail = ({
5656
}}
5757
>
5858
<Preview>Netlify Welcome</Preview>
59-
<Body className="bg-offwhite text-base font-sans">
59+
<Body className="bg-offwhite font-sans text-base">
6060
<Img
6161
src={`${baseUrl}/static/netlify-logo.png`}
6262
width="184"
@@ -65,7 +65,7 @@ export const NetlifyWelcomeEmail = ({
6565
className="mx-auto my-20"
6666
/>
6767
<Container className="bg-white p-45">
68-
<Heading className="text-center my-0 leading-8">
68+
<Heading className="my-0 text-center leading-8">
6969
Welcome to Netlify
7070
</Heading>
7171

@@ -84,7 +84,7 @@ export const NetlifyWelcomeEmail = ({
8484
<ul>{steps?.map(({ Description }) => Description)}</ul>
8585

8686
<Section className="text-center">
87-
<Button className="bg-brand text-white rounded-lg py-3 px-[18px]">
87+
<Button className="rounded-lg bg-brand px-[18px] py-3 text-white">
8888
Go to your dashboard
8989
</Button>
9090
</Section>
@@ -94,7 +94,7 @@ export const NetlifyWelcomeEmail = ({
9494
{links?.map((link) => (
9595
<Column key={link.title}>
9696
<Link
97-
className="text-black underline font-bold"
97+
className="font-bold text-black underline"
9898
href={link.href}
9999
>
100100
{link.title}
@@ -109,15 +109,15 @@ export const NetlifyWelcomeEmail = ({
109109
<Container className="mt-20">
110110
<Section>
111111
<Row>
112-
<Column className="text-right px-20">
112+
<Column className="px-20 text-right">
113113
<Link>Unsubscribe</Link>
114114
</Column>
115115
<Column className="text-left">
116116
<Link>Manage Preferences</Link>
117117
</Column>
118118
</Row>
119119
</Section>
120-
<Text className="text-center text-gray-400 mb-45">
120+
<Text className="mb-45 text-center text-gray-400">
121121
Netlify, 44 Montgomery Street, Suite 300 San Francisco, CA
122122
</Text>
123123
</Container>

0 commit comments

Comments
 (0)