verdnatura-mirror/Rocket.Chat.ReactNative
verdnatura-mirror
/
Rocket.Chat.ReactNative
mirror of https://github.com/RocketChat/Rocket.Chat.ReactNative
2
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

Chore: evaluate `AuthLoadingView` (#4102) 

* chore: evaluate `AuthLoadingView`

* remove: `mapStateToProps`, `connect` and interface
This commit is contained in:
Gerzon Z 2022-05-03 12:25:18 -04:00 committed by GitHub
parent 0dc34f1eca
commit d277788dc4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
app/views/AuthLoadingView.tsx
View File

@ -1,11 +1,11 @@
import React from 'react';
import { ActivityIndicator, StyleSheet, Text, View } from 'react-native';
import { connect } from 'react-redux';
import { useSelector } from 'react-redux';
import { IApplicationState } from '../definitions';
import I18n from '../i18n';
import StatusBar from '../containers/StatusBar';
import { TSupportedThemes, withTheme } from '../theme';
import { themes } from '../lib/constants';
import { useTheme } from '../theme';
import sharedStyles from './Styles';
const styles = StyleSheet.create({
@ -22,25 +22,20 @@ const styles = StyleSheet.create({
}
});
interface IAuthLoadingView {
theme: TSupportedThemes;
text: string;
}
const AuthLoadingView = React.memo(({ theme, text }: IAuthLoadingView) => (
<View style={[styles.container, { backgroundColor: themes[theme].backgroundColor }]}>
const AuthLoadingView = React.memo((): React.ReactElement => {
const text = useSelector((state: IApplicationState) => state.app.text);
const { colors } = useTheme();
return (
<View style={[styles.container, { backgroundColor: colors.backgroundColor }]}>
<StatusBar />
{text ? (
<>
<ActivityIndicator color={themes[theme].auxiliaryText} size='large' />
<Text style={[styles.text, { color: themes[theme].bodyText }]}>{`${text}\n${I18n.t('Please_wait')}`}</Text>
<ActivityIndicator color={colors.auxiliaryText} size='large' />
<Text style={[styles.text, { color: colors.bodyText }]}>{`${text}\n${I18n.t('Please_wait')}`}</Text>
</>
) : null}
</View>
));
const mapStateToProps = (state: any) => ({
text: state.app.text
);
});
export default connect(mapStateToProps)(withTheme(AuthLoadingView));
export default AuthLoadingView;