status-im/status-affiliate
2
0
Fork 0
mirror of https://github.com/status-im/status-affiliate.git synced 2025-02-20 00:28:07 +00:00
Code Issues Projects Releases Wiki Activity

Disable submission when T&C is not checked

Browse Source
This commit is contained in:
jinhojang6 2020-11-07 16:38:35 +09:00
parent b620f7e2fa
commit 6ac8df7d05
No known key found for this signature in database
GPG Key ID: 0E7AA62CB0D9E6F3
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/css/additional-styles/theme.scss
View File

@ -30,6 +30,10 @@ button:focus,
margin-left: 20px;
}
.not-allowed:hover {
cursor: not-allowed;
}
// Hamburger button
.hamburger {

12
src/partials/FormTemplate.js
View File

@ -66,7 +66,7 @@ const FormTemplate = () => {
lastName: '',
email: '',
emailConfirm: '',
agreed: null,
agreed: [],
}}
onSubmit={async (values) => {
if (values.agreed[0] === 'checked') {
@ -84,7 +84,7 @@ const FormTemplate = () => {
}}
validate={validate}
>
{({ errors, touched, isValidating }) => (
{({ errors, touched, values }) => (
<Form>
{/* <label htmlFor="firstName">First Name</label> */}
<Field
@ -140,8 +140,12 @@ const FormTemplate = () => {
the <a className="a-links cta-hover" href="#">Affiliate Program Terms of Service</a>,
and the <a className="a-links cta-hover" href="#">Privacy Policy</a>.
</p>
<button type="submit" className="btn text-white bg-blue-600 hover:bg-blue-700 shadow mt-12">Submit</button>
{console.log(values.agreed)}
{values.agreed.length ? (
<button type="submit" className="btn text-white bg-blue-600 hover:bg-blue-700 shadow mt-12">Submit</button>
) : (
<button type="submit" disabled className="btn text-white bg-gray-600 not-allowed shadow mt-12">Submit</button>
)}
</Form>
)}
</Formik>