frontend/register: make text next to checkboxes clickable.

Author: ffreddow

frontend/src/components/register.tsx

@@ -213,11 +213,11 @@ export class Register extends Component<{}, RegisterState> {
                     }}
                     invalidMessage={t("password_error_message")} />
                 </Form.Group>
-                <Form.Group className="mb-3">
-                    <Form.Check type="checkbox" label={<Trans i18nKey="register.accept_privacy_notice" ><a target="__blank" href="https://www.tinkerforge.com/de/home/privacy_notice">link</a></Trans>} isInvalid={!this.state.acceptPrivacyValid} onClick={() => this.setState({acceptPrivacyChecked: !this.state.acceptPrivacyChecked})}/>
+                <Form.Group className="mb-3" onClick={() => this.setState({acceptPrivacyChecked: !this.state.acceptPrivacyChecked})}>
+                    <Form.Check checked={this.state.acceptPrivacyChecked} type="checkbox" label={<Trans i18nKey="register.accept_privacy_notice" ><a target="__blank" href="https://www.tinkerforge.com/de/home/privacy_notice">link</a></Trans>} isInvalid={!this.state.acceptPrivacyValid}/>
                 </Form.Group>
-                <Form.Group className="mb-3">
-                    <Form.Check type="checkbox" label={<Trans i18nKey="register.accept_terms_and_conditions" ><a target="__blank" href="https://www.tinkerforge.com/de/home/terms_and_conditions">link</a></Trans>} isInvalid={!this.state.termsAndConditionsValid} onClick={() => this.setState({termsAndConditionsChecked: !this.state.termsAndConditionsChecked})}/>
+                <Form.Group className="mb-3" onClick={() => this.setState({termsAndConditionsChecked: !this.state.termsAndConditionsChecked})}>
+                    <Form.Check checked={this.state.termsAndConditionsChecked} type="checkbox" label={<Trans i18nKey="register.accept_terms_and_conditions" ><a target="__blank" href="https://www.tinkerforge.com/de/home/terms_and_conditions">link</a></Trans>} isInvalid={!this.state.termsAndConditionsValid}/>
                 </Form.Group>
                 <Button variant="primary" type="submit">
                     {t("register")}