diff --git a/frontend/client/components/AuthFlow/SignUp.less b/frontend/client/components/AuthFlow/SignUp.less index dc214406..b1a642ea 100644 --- a/frontend/client/components/AuthFlow/SignUp.less +++ b/frontend/client/components/AuthFlow/SignUp.less @@ -19,5 +19,24 @@ &-alert { margin-top: 1rem; } + + &-legal { + display: block; + margin-bottom: 1rem; + + &-text { + font-size: 0.75rem; + line-height: 1.2rem; + opacity: 0.8; + } + + .ant-form-item-control { + line-height: inherit; + } + } + + .PasswordFormItems .ant-row { + margin-bottom: 0.75rem; + } } } diff --git a/frontend/client/components/AuthFlow/SignUp.tsx b/frontend/client/components/AuthFlow/SignUp.tsx index eaa91e27..7c3de208 100644 --- a/frontend/client/components/AuthFlow/SignUp.tsx +++ b/frontend/client/components/AuthFlow/SignUp.tsx @@ -1,11 +1,12 @@ import React from 'react'; import { connect } from 'react-redux'; -import { Form, Input, Button, Alert } from 'antd'; +import { Form, Input, Button, Checkbox, Alert } from 'antd'; import { FormComponentProps } from 'antd/lib/form'; import { authActions } from 'modules/auth'; import { AppState } from 'store/reducers'; import PasswordFormItems from 'components/PasswordFormItems'; import './SignUp.less'; +import { Link } from 'react-router-dom'; interface StateProps { isCreatingUser: AppState['auth']['isCreatingUser']; @@ -67,6 +68,32 @@ class SignUp extends React.Component { + + {getFieldDecorator('hasAgreed', { + rules: [ + { required: true, message: 'You must agree to create an account' }, + ], + })( + + + I agree to the{' '} + + code of conduct + + ,{' '} + + terms of service + + , and{' '} + + privacy policy + + . + + , + )} + +