[IMPROVE] migrate BackgroundContainer component

app/containers/BackgroundContainer/index.stories.tsx

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

app/containers/BackgroundContainer/index.tsx

@@ -1,13 +1,16 @@
 import React from 'react';
-import {
+import { ImageBackground, StyleSheet, Text, View, ActivityIndicator } from 'react-native';
-	ImageBackground, StyleSheet, Text, View, ActivityIndicator
-} from 'react-native';
-import PropTypes from 'prop-types';
 
 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);