verdnatura-mirror
/
verdnatura-chat
forked from verdnatura-mirror/Rocket.Chat.ReactNative
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[IMPROVE] migrate BackgroundContainer component

This commit is contained in:
AlexAlexandre 2021-07-15 23:31:43 -03:00
parent a18b13c06b
commit b0ddb87c88
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/containers/BackgroundContainer/index.stories.js → app/containers/BackgroundContainer/index.stories.tsx
View File

@ -24,7 +24,7 @@ stories.add('long text', () => (
<BackgroundContainer text={longText} />
));
const ThemeStory = ({ theme, ...props }) => (
const ThemeStory = ({ theme, ...props }: any) => (
<ThemeContext.Provider
value={{ theme }}
>

22
app/containers/BackgroundContainer/index.js → app/containers/BackgroundContainer/index.tsx
View File

@ -1,13 +1,16 @@
import React from 'react';
import {
ImageBackground, StyleSheet, Text, View, ActivityIndicator
} from 'react-native';
import PropTypes from 'prop-types';
import { ImageBackground, StyleSheet, Text, View, ActivityIndicator } from 'react-native';
import { withTheme } from '../../theme';
import sharedStyles from '../../views/Styles';
import { themes } from '../../constants/colors';
interface IBackgroundContainer {
text: string;
theme: string;
loading: boolean;
}
const styles = StyleSheet.create({
container: {
flex: 1
@ -29,17 +32,14 @@ const styles = StyleSheet.create({
}
});
const BackgroundContainer = ({ theme, text, loading }) => (
const BackgroundContainer = ({ theme, text, loading }: IBackgroundContainer) => (
<View style={styles.container}>
<ImageBackground source={{ uri: `message_empty_${ theme }` }} style={styles.image} />
{text ? <Text style={[styles.text, { color: themes[theme].auxiliaryTintColor }]}>{text}</Text> : null}
{loading ? <ActivityIndicator style={[styles.text, { color: themes[theme].auxiliaryTintColor }]} /> : null}
{/*{loading ? <ActivityIndicator style={[styles.text, { color: themes[theme].auxiliaryTintColor }]} /> : null}*/}
{loading ? <ActivityIndicator color={themes[theme].auxiliaryTintColor} style={styles.text} /> : null}
</View>
);
BackgroundContainer.propTypes = {
text: PropTypes.string,
theme: PropTypes.string,
loading: PropTypes.bool
};
export default withTheme(BackgroundContainer);