scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(SW-1089): move text with anchor links outside of label

Browse Source
This commit is contained in:
Chuma McPhoy
2024-12-02 11:47:02 +01:00
parent ccb61c27c0
commit f5fbb44ec7
1 changed files with 29 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
components/Forms/Signup/index.tsx
View File

@@ -160,34 +160,36 @@ export default function SignupForm({ link, subtitle, title }: SignUpFormProps) {
</Subtitle>
</header>
<Checkbox name="termsAccepted" registerOptions={{ required: true }}>
<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>
{intl.formatMessage({ id: "I accept the terms and conditions" })}
</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>
{/*