Merge pull request #29988 from software-mansion-labs/ts-migration/Ful…

…lscreenLoadingIndicator [TS migration] Migrate 'FullscreenLoadingIndicator.js' component to TypeScript
Expensify · Nov 2, 2023 · a2bd366 · a2bd366
2 parents b33ac36 + 0fd6982
commit a2bd366
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 33 deletions.
diff --git a/src/components/FullscreenLoadingIndicator.js b/src/components/FullscreenLoadingIndicator.js
diff --git a/src/components/FullscreenLoadingIndicator.tsx b/src/components/FullscreenLoadingIndicator.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import {ActivityIndicator, StyleProp, StyleSheet, View, ViewStyle} from 'react-native';
+import styles from '@styles/styles';
+import themeColors from '@styles/themes/default';
+
+type FullScreenLoadingIndicatorProps = {
+    style?: StyleProp<ViewStyle>;
+};
+
+function FullScreenLoadingIndicator({style}: FullScreenLoadingIndicatorProps) {
+    return (
+        <View style={[StyleSheet.absoluteFillObject, styles.fullScreenLoading, style]}>
+            <ActivityIndicator
+                color={themeColors.spinner}
+                size="large"
+            />
+        </View>
+    );
+}
+
+FullScreenLoadingIndicator.displayName = 'FullScreenLoadingIndicator';
+
+export default FullScreenLoadingIndicator;