Skip to content

Commit 889a5ce

Browse files
committed
Mark ToS & privacy link in signup modal more clearly
This better aligns with the design we're setting up now for the accounts dashboard.
1 parent 43189fa commit 889a5ce

File tree

1 file changed

+27
-26
lines changed

1 file changed

+27
-26
lines changed

src/components/modules/login-modal/index.tsx

Lines changed: 27 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -141,6 +141,15 @@ const SmallPrint = styled.p`
141141
142142
background-color: var(--darkish-grey);
143143
color: var(--light-grey);
144+
145+
a {
146+
text-decoration: underline;
147+
color: var(--light-grey);
148+
149+
&:hover {
150+
color: var(--white);
151+
}
152+
}
144153
`;
145154

146155
const spin = keyframes`
@@ -236,6 +245,22 @@ const LoginFields = () => {
236245
}
237246
};
238247

248+
const smallPrint = (
249+
<SmallPrint>
250+
By creating an account you accept the <Link
251+
href="/terms-of-service"
252+
target="_blank"
253+
>
254+
Terms of Service
255+
</Link> and <Link
256+
href="/privacy-policy"
257+
target="_blank"
258+
>
259+
Privacy Policy
260+
</Link>.
261+
</SmallPrint>
262+
);
263+
239264
return !isEmailSent
240265
? <Form onSubmit={handleEmailSubmit}>
241266
<HeadingLogo />
@@ -261,19 +286,7 @@ const LoginFields = () => {
261286
{isLoading ? <Spinner /> : 'Send Code'}
262287
</CtaButton>
263288

264-
<SmallPrint>
265-
By creating an account you accept the <Link
266-
href="/terms-of-service"
267-
target="_blank"
268-
>
269-
Terms of Service
270-
</Link> & <Link
271-
href="/privacy-policy"
272-
target="_blank"
273-
>
274-
Privacy Policy
275-
</Link>.
276-
</SmallPrint>
289+
{ smallPrint }
277290
</Form>
278291
:
279292
<Form onSubmit={handleCodeSubmit}>
@@ -318,18 +331,6 @@ const LoginFields = () => {
318331
{isLoading ? <Spinner /> : 'Login'}
319332
</CtaButton>
320333

321-
<SmallPrint>
322-
By creating an account you accept the <Link
323-
href="/terms-of-service"
324-
target="_blank"
325-
>
326-
Terms of Service
327-
</Link> & <Link
328-
href="/privacy-policy"
329-
target="_blank"
330-
>
331-
Privacy Policy
332-
</Link>.
333-
</SmallPrint>
334+
{ smallPrint }
334335
</Form>
335336
};

0 commit comments

Comments
 (0)