jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): show loader on reset password

Browse source
This commit is contained in:
Shekar Siri 2023-06-09 17:57:09 +02:00 • committed by rjshrjndrn
parent fdb833709d
commit cbda6366fb
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/app/components/ForgotPassword/ResetPasswordRequest.tsx
View file

@ -1,13 +1,15 @@
import React from 'react'; import React from 'react';
import { Form, Input, Loader, Button, Link, Icon, Message } from 'UI'; import { Form, Input, Loader, Button, Icon } from 'UI';
import ReCAPTCHA from 'react-google-recaptcha'; import ReCAPTCHA from 'react-google-recaptcha';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import { requestResetPassword, resetPassword, resetErrors } from 'Duck/user'; import { requestResetPassword } from 'Duck/user';
interface Props { interface Props {
requestResetPassword: Function; requestResetPassword: Function;
loading?: boolean;
} }
function ResetPasswordRequest(props: Props) { function ResetPasswordRequest(props: Props) {
const { loading = false } = props;
const recaptchaRef = React.createRef(); const recaptchaRef = React.createRef();
const [requested, setRequested] = React.useState(false); const [requested, setRequested] = React.useState(false);
const [email, setEmail] = React.useState(''); const [email, setEmail] = React.useState('');
@ -71,7 +73,7 @@ function ResetPasswordRequest(props: Props) {
required required
/> />
</Form.Field> </Form.Field>
<Button type="submit" variant="primary" className="mt-4"> <Button type="submit" variant="primary" className="mt-4" loading={loading} disabled={loading}>
Email password reset link Email password reset link
</Button> </Button>
</> </>
@ -102,4 +104,6 @@ function ResetPasswordRequest(props: Props) {
); );
} }
export default connect((state: any) => ({}), { requestResetPassword })(ResetPasswordRequest); export default connect((state: any) => ({
loading: state.getIn(['user', 'requestResetPassowrd', 'loading']),
}), { requestResetPassword })(ResetPasswordRequest);