refactor(web): remove typescript
This commit is contained in:
@@ -7,13 +7,11 @@ import useEnqueueSnackbar from 'hooks/useEnqueueSnackbar';
|
||||
import * as React from 'react';
|
||||
import { useNavigate, useSearchParams } from 'react-router-dom';
|
||||
import * as yup from 'yup';
|
||||
|
||||
import Form from 'components/Form';
|
||||
import TextField from 'components/TextField';
|
||||
import * as URLS from 'config/urls';
|
||||
import { RESET_PASSWORD } from 'graphql/mutations/reset-password.ee';
|
||||
import useFormatMessage from 'hooks/useFormatMessage';
|
||||
|
||||
const validationSchema = yup.object().shape({
|
||||
password: yup.string().required('resetPasswordForm.mandatoryInput'),
|
||||
confirmPassword: yup
|
||||
@@ -21,17 +19,14 @@ const validationSchema = yup.object().shape({
|
||||
.required('resetPasswordForm.mandatoryInput')
|
||||
.oneOf([yup.ref('password')], 'resetPasswordForm.passwordsMustMatch'),
|
||||
});
|
||||
|
||||
export default function ResetPasswordForm() {
|
||||
const enqueueSnackbar = useEnqueueSnackbar();
|
||||
const formatMessage = useFormatMessage();
|
||||
const navigate = useNavigate();
|
||||
const [searchParams] = useSearchParams();
|
||||
const [resetPassword, { data, loading }] = useMutation(RESET_PASSWORD);
|
||||
|
||||
const token = searchParams.get('token');
|
||||
|
||||
const handleSubmit = async (values: any) => {
|
||||
const handleSubmit = async (values) => {
|
||||
await resetPassword({
|
||||
variables: {
|
||||
input: {
|
||||
@@ -40,17 +35,14 @@ export default function ResetPasswordForm() {
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
enqueueSnackbar(formatMessage('resetPasswordForm.passwordUpdated'), {
|
||||
variant: 'success',
|
||||
SnackbarProps: {
|
||||
'data-test': 'snackbar-reset-password-success'
|
||||
}
|
||||
'data-test': 'snackbar-reset-password-success',
|
||||
},
|
||||
});
|
||||
|
||||
navigate(URLS.LOGIN);
|
||||
};
|
||||
|
||||
return (
|
||||
<Paper sx={{ px: 2, py: 4 }}>
|
||||
<Typography
|
||||
@@ -82,9 +74,9 @@ export default function ResetPasswordForm() {
|
||||
error={touchedFields.password && !!errors?.password}
|
||||
helperText={
|
||||
touchedFields.password && errors?.password?.message
|
||||
? formatMessage(errors?.password?.message as string, {
|
||||
? formatMessage(errors?.password?.message, {
|
||||
inputName: formatMessage(
|
||||
'resetPasswordForm.passwordFieldLabel'
|
||||
'resetPasswordForm.passwordFieldLabel',
|
||||
),
|
||||
})
|
||||
: ''
|
||||
@@ -93,7 +85,7 @@ export default function ResetPasswordForm() {
|
||||
|
||||
<TextField
|
||||
label={formatMessage(
|
||||
'resetPasswordForm.confirmPasswordFieldLabel'
|
||||
'resetPasswordForm.confirmPasswordFieldLabel',
|
||||
)}
|
||||
name="confirmPassword"
|
||||
fullWidth
|
||||
@@ -103,9 +95,9 @@ export default function ResetPasswordForm() {
|
||||
helperText={
|
||||
touchedFields.confirmPassword &&
|
||||
errors?.confirmPassword?.message
|
||||
? formatMessage(errors?.confirmPassword?.message as string, {
|
||||
? formatMessage(errors?.confirmPassword?.message, {
|
||||
inputName: formatMessage(
|
||||
'resetPasswordForm.confirmPasswordFieldLabel'
|
||||
'resetPasswordForm.confirmPasswordFieldLabel',
|
||||
),
|
||||
})
|
||||
: ''
|
Reference in New Issue
Block a user