fix(SW-1089): move text with anchor links outside of label
This commit is contained in:
@@ -160,34 +160,36 @@ export default function SignupForm({ link, subtitle, title }: SignUpFormProps) {
|
|||||||
</Subtitle>
|
</Subtitle>
|
||||||
</header>
|
</header>
|
||||||
<Checkbox name="termsAccepted" registerOptions={{ required: true }}>
|
<Checkbox name="termsAccepted" registerOptions={{ required: true }}>
|
||||||
<Body>
|
{intl.formatMessage({ id: "I accept the terms and conditions" })}
|
||||||
{intl.formatMessage<React.ReactNode>(
|
|
||||||
{ id: "signupPage.terms" },
|
|
||||||
{
|
|
||||||
termsAndConditions: (str) => (
|
|
||||||
<Link
|
|
||||||
variant="underscored"
|
|
||||||
color="peach80"
|
|
||||||
target="_blank"
|
|
||||||
href={membershipTermsAndConditions[lang]}
|
|
||||||
>
|
|
||||||
{str}
|
|
||||||
</Link>
|
|
||||||
),
|
|
||||||
privacyPolicy: (str) => (
|
|
||||||
<Link
|
|
||||||
variant="underscored"
|
|
||||||
color="peach80"
|
|
||||||
target="_blank"
|
|
||||||
href={privacyPolicy[lang]}
|
|
||||||
>
|
|
||||||
{str}
|
|
||||||
</Link>
|
|
||||||
),
|
|
||||||
}
|
|
||||||
)}
|
|
||||||
</Body>
|
|
||||||
</Checkbox>
|
</Checkbox>
|
||||||
|
{/* TODO: Update copy once ready */}
|
||||||
|
<Body>
|
||||||
|
{intl.formatMessage<React.ReactNode>(
|
||||||
|
{ id: "signupPage.terms" },
|
||||||
|
{
|
||||||
|
termsAndConditions: (str) => (
|
||||||
|
<Link
|
||||||
|
variant="underscored"
|
||||||
|
color="peach80"
|
||||||
|
target="_blank"
|
||||||
|
href={membershipTermsAndConditions[lang]}
|
||||||
|
>
|
||||||
|
{str}
|
||||||
|
</Link>
|
||||||
|
),
|
||||||
|
privacyPolicy: (str) => (
|
||||||
|
<Link
|
||||||
|
variant="underscored"
|
||||||
|
color="peach80"
|
||||||
|
target="_blank"
|
||||||
|
href={privacyPolicy[lang]}
|
||||||
|
>
|
||||||
|
{str}
|
||||||
|
</Link>
|
||||||
|
),
|
||||||
|
}
|
||||||
|
)}
|
||||||
|
</Body>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{/*
|
{/*
|
||||||
|
|||||||
Reference in New Issue
Block a user