diff --git a/src/hooks/useAcceptedTerms.tsx b/src/hooks/useAcceptedTerms.tsx new file mode 100644 index 00000000..8bf2bf77 --- /dev/null +++ b/src/hooks/useAcceptedTerms.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import Link from "next/link"; +import Checkbox from "@/components/Low/Checkbox"; + +const useAcceptedTerms = () => { + const [acceptedTerms, setAcceptedTerms] = React.useState(false); + + const renderCheckbox = () => ( + + I agree to the + + {" "} + Terms and Conditions + {" "} + and + + {" "} + Privacy Policy + + + ); + + return {acceptedTerms, renderCheckbox}; +}; + +export default useAcceptedTerms; diff --git a/src/pages/(register)/RegisterCorporate.tsx b/src/pages/(register)/RegisterCorporate.tsx index 46d6a54b..1992e667 100644 --- a/src/pages/(register)/RegisterCorporate.tsx +++ b/src/pages/(register)/RegisterCorporate.tsx @@ -10,6 +10,7 @@ import { toast } from "react-toastify"; import { KeyedMutator } from "swr"; import Select from "react-select"; import moment from "moment"; +import useAcceptedTerms from "@/hooks/useAcceptedTerms"; interface Props { isLoading: boolean; @@ -40,6 +41,7 @@ export default function RegisterCorporate({ const [companyName, setCompanyName] = useState(""); const [companyUsers, setCompanyUsers] = useState(0); const [subscriptionDuration, setSubscriptionDuration] = useState(1); + const {acceptedTerms, renderCheckbox} = useAcceptedTerms(); const { users } = useUsers(); @@ -257,7 +259,9 @@ export default function RegisterCorporate({ /> - +
+ {renderCheckbox()} +