Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Fix input fields for signup, create password, forgot password, reset password pages

Browse Source
This commit is contained in:
Abhinav Jha 2020-02-25 17:08:53 +05:30
parent c36146b431
commit cdb0be7bd5
5 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/client/src/components/editorComponents/form/FormTextField.tsx
View File

@ -31,7 +31,7 @@ type FormTextFieldProps = {
type?: InputType;
label?: string;
intent?: Intent;
helperText?: string;
disabled?: boolean;
};
const FormTextField = (props: FormTextFieldProps) => {

5
app/client/src/pages/UserAuth/CreatePassword.tsx
View File

@ -6,7 +6,7 @@ import { InjectedFormProps, reduxForm, Field } from "redux-form";
import { CREATE_PASSWORD_FORM_NAME } from "constants/forms";
import { ReduxActionTypes } from "constants/ReduxActionConstants";
import { getIsTokenValid, getIsValidatingToken } from "selectors/authSelectors";
import TextField from "components/editorComponents/form/fields/TextField";
import FormTextField from "components/editorComponents/form/FormTextField";
import FormMessage, {
FormMessageProps,
MessageAction,
@ -151,11 +151,10 @@ export const CreatePassword = (props: CreatePasswordProps) => {
intent={error ? "danger" : "none"}
label={CREATE_PASSWORD_PAGE_PASSWORD_INPUT_LABEL}
>
<TextField
<FormTextField
name="password"
type="password"
placeholder={CREATE_PASSWORD_PAGE_PASSWORD_INPUT_PLACEHOLDER}
showError
/>
</FormGroup>
<Field type="hidden" name="email" component="input" />

5
app/client/src/pages/UserAuth/ForgotPassword.tsx
View File

@ -27,7 +27,7 @@ import FormMessage from "components/editorComponents/form/FormMessage";
import { FORGOT_PASSWORD_FORM_NAME } from "constants/forms";
import FormGroup from "components/editorComponents/form/FormGroup";
import Button from "components/editorComponents/Button";
import TextField from "components/editorComponents/form/fields/TextField";
import FormTextField from "components/editorComponents/form/FormTextField";
import { isEmail, isEmptyString } from "utils/formhelpers";
import {
ForgotPasswordFormValues,
@ -80,10 +80,9 @@ export const ForgotPassword = (props: ForgotPasswordProps) => {
intent={error ? "danger" : "none"}
label={FORGOT_PASSWORD_PAGE_EMAIL_INPUT_LABEL}
>
<TextField
<FormTextField
name="email"
placeholder={FORGOT_PASSWORD_PAGE_EMAIL_INPUT_PLACEHOLDER}
showError
disabled={submitting}
/>
</FormGroup>

5
app/client/src/pages/UserAuth/ResetPassword.tsx
View File

@ -7,7 +7,7 @@ import { RESET_PASSWORD_FORM_NAME } from "constants/forms";
import { ReduxActionTypes } from "constants/ReduxActionConstants";
import { getIsTokenValid, getIsValidatingToken } from "selectors/authSelectors";
import { Icon } from "@blueprintjs/core";
import TextField from "components/editorComponents/form/fields/TextField";
import FormTextField from "components/editorComponents/form/fields/TextField";
import FormMessage, {
FormMessageProps,
MessageAction,
@ -157,11 +157,10 @@ export const ResetPassword = (props: ResetPasswordProps) => {
intent={error ? "danger" : "none"}
label={RESET_PASSWORD_PAGE_PASSWORD_INPUT_LABEL}
>
<TextField
<FormTextField
name="password"
type="password"
placeholder={RESET_PASSWORD_PAGE_PASSWORD_INPUT_PLACEHOLDER}
showError
/>
</FormGroup>
<Field type="hidden" name="email" component="input" />

10
app/client/src/pages/UserAuth/SignUp.tsx
View File

@ -30,10 +30,11 @@ import {
TERMS_AND_CONDITIONS_LINK,
SIGNUP_PAGE_SUCCESS,
SIGNUP_PAGE_SUCCESS_LOGIN_BUTTON_TEXT,
FORM_VALIDATION_PASSWORD_RULE,
} from "constants/messages";
import FormMessage from "components/editorComponents/form/FormMessage";
import FormGroup from "components/editorComponents/form/FormGroup";
import TextField from "components/editorComponents/form/fields/TextField";
import FormTextField from "components/editorComponents/form/FormTextField";
import ThirdPartyAuth, { SocialLoginTypes } from "./ThirdPartyAuth";
import Button from "components/editorComponents/Button";
@ -92,22 +93,21 @@ export const SignUp = (props: InjectedFormProps<SignupFormValues>) => {
intent={error ? "danger" : "none"}
label={SIGNUP_PAGE_EMAIL_INPUT_LABEL}
>
<TextField
<FormTextField
name="email"
type="email"
placeholder={SIGNUP_PAGE_EMAIL_INPUT_PLACEHOLDER}
showError
/>
</FormGroup>
<FormGroup
intent={error ? "danger" : "none"}
label={SIGNUP_PAGE_PASSWORD_INPUT_LABEL}
helperText={FORM_VALIDATION_PASSWORD_RULE}
>
<TextField
<FormTextField
type="password"
name="password"
placeholder={SIGNUP_PAGE_PASSWORD_INPUT_PLACEHOLDER}
showError
/>
</FormGroup>
<FormActions>