Chore: Migrate containers: Loading to Typescript (RocketChat#3915)

NextiaDev · Mar 18, 2022 · cf19b7d · cf19b7d
1 parent 0f29dec
commit cf19b7d
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/app/containers/Loading.tsx b/app/containers/Loading.tsx
@@ -22,15 +22,20 @@ interface ILoadingProps {
 	theme?: string;
 }
 
-class Loading extends React.PureComponent<ILoadingProps, any> {
+interface ILoadingState {
+	scale: Animated.Value;
+	opacity: Animated.Value;
+}
+
+class Loading extends React.PureComponent<ILoadingProps, ILoadingState> {
 	state = {
 		scale: new Animated.Value(1),
 		opacity: new Animated.Value(0)
 	};
 
-	private opacityAnimation: any;
+	private opacityAnimation?: Animated.CompositeAnimation;
 
-	private scaleAnimation: any;
+	private scaleAnimation?: Animated.CompositeAnimation;
 
 	componentDidMount() {
 		const { opacity, scale } = this.state;
@@ -61,7 +66,7 @@ class Loading extends React.PureComponent<ILoadingProps, any> {
 		}
 	}
 
-	componentDidUpdate(prevProps: any) {
+	componentDidUpdate(prevProps: ILoadingProps) {
 		const { visible } = this.props;
 		if (visible && visible !== prevProps.visible) {
 			this.startAnimations();
@@ -107,8 +112,7 @@ class Loading extends React.PureComponent<ILoadingProps, any> {
 					<Animated.View
 						style={[
 							{
-								// @ts-ignore
-								...StyleSheet.absoluteFill,
+								...StyleSheet.absoluteFillObject,
 								backgroundColor: themes[theme!].backdropColor,
 								opacity: opacityAnimation
 							}