Chore: Migrate ForgotPasswordView to Typescript (#3496)

Co-authored-by: Diego Mello <diegolmello@gmail.com>
This commit is contained in:
Reinaldo Neto 2021-11-17 17:06:17 -03:00 committed by GitHub
parent 049e3f164f
commit da21f58293
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 11 deletions

View File

@ -1,6 +1,7 @@
import React from 'react'; import React from 'react';
import { Text } from 'react-native'; import { Text } from 'react-native';
import PropTypes from 'prop-types'; import { StackNavigationProp } from '@react-navigation/stack';
import { RouteProp } from '@react-navigation/native';
import TextInput from '../containers/TextInput'; import TextInput from '../containers/TextInput';
import Button from '../containers/Button'; import Button from '../containers/Button';
@ -14,23 +15,30 @@ import FormContainer, { FormContainerInner } from '../containers/FormContainer';
import { events, logEvent } from '../utils/log'; import { events, logEvent } from '../utils/log';
import sharedStyles from './Styles'; import sharedStyles from './Styles';
class ForgotPasswordView extends React.Component { interface IForgotPasswordViewState {
static navigationOptions = ({ route }) => ({ email: string;
invalidEmail: boolean;
isFetching: boolean;
}
interface IForgotPasswordViewProps {
navigation: StackNavigationProp<any, 'ForgotPasswordView'>;
route: RouteProp<{ ForgotPasswordView: { title: string } }, 'ForgotPasswordView'>;
theme: string;
}
class ForgotPasswordView extends React.Component<IForgotPasswordViewProps, IForgotPasswordViewState> {
static navigationOptions = ({ route }: Pick<IForgotPasswordViewProps, 'route'>) => ({
title: route.params?.title ?? 'Rocket.Chat' title: route.params?.title ?? 'Rocket.Chat'
}); });
static propTypes = {
navigation: PropTypes.object,
theme: PropTypes.string
};
state = { state = {
email: '', email: '',
invalidEmail: true, invalidEmail: true,
isFetching: false isFetching: false
}; };
shouldComponentUpdate(nextProps, nextState) { shouldComponentUpdate(nextProps: IForgotPasswordViewProps, nextState: IForgotPasswordViewState) {
const { email, invalidEmail, isFetching } = this.state; const { email, invalidEmail, isFetching } = this.state;
const { theme } = this.props; const { theme } = this.props;
if (nextProps.theme !== theme) { if (nextProps.theme !== theme) {
@ -48,7 +56,7 @@ class ForgotPasswordView extends React.Component {
return false; return false;
} }
validate = email => { validate = (email: string) => {
if (!isValidEmail(email)) { if (!isValidEmail(email)) {
this.setState({ invalidEmail: true }); this.setState({ invalidEmail: true });
return; return;
@ -70,7 +78,7 @@ class ForgotPasswordView extends React.Component {
navigation.pop(); navigation.pop();
showErrorAlert(I18n.t('Forgot_password_If_this_email_is_registered'), I18n.t('Alert')); showErrorAlert(I18n.t('Forgot_password_If_this_email_is_registered'), I18n.t('Alert'));
} }
} catch (e) { } catch (e: any) {
logEvent(events.FP_FORGOT_PASSWORD_F); logEvent(events.FP_FORGOT_PASSWORD_F);
const msg = (e.data && e.data.error) || I18n.t('There_was_an_error_while_action', { action: I18n.t('resetting_password') }); const msg = (e.data && e.data.error) || I18n.t('There_was_an_error_while_action', { action: I18n.t('resetting_password') });
showErrorAlert(msg, I18n.t('Alert')); showErrorAlert(msg, I18n.t('Alert'));