Farmbot-Web-App/frontend/front_page/terms_checkbox.tsx

20 lines
624 B
TypeScript

import * as React from "react";
import { PartialFormEvent } from "./front_page";
import { t } from "../i18next_wrapper";
export const TermsCheckbox = (props: {
privUrl: string,
tosUrl: string,
onChange: (event: PartialFormEvent) => void,
agree: boolean | undefined,
}) =>
<div className="tos">
{`${t("I agree to the")} `}
<a href={props.privUrl} target="_blank">{t("Privacy Policy")}</a>
{` ${t("and")} `}
<a href={props.tosUrl} target="_blank">{t("Terms of Use")}</a>
<input type="checkbox" name="tos"
onChange={props.onChange}
value={props.agree ? "false" : "true"} />
</div>;