refactor: LoadingSpinnerOverlay component

Expensify · Mar 28, 2022 · cc3c5b5 · cc3c5b5
1 parent 74428c3
commit cc3c5b5
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 42 deletions.
diff --git a/src/components/ImageView/index.js b/src/components/ImageView/index.js
@@ -7,7 +7,7 @@ import styles from '../../styles/styles';
 import * as StyleUtils from '../../styles/StyleUtils';
 import canUseTouchScreen from '../../libs/canUseTouchscreen';
 import withWindowDimensions, {windowDimensionsPropTypes} from '../withWindowDimensions';
-import LoadingSpinnerOverlay from '../LoadingSpinnerOverlay';
+import FullscreenLoadingIndicator from '../FullscreenLoadingIndicator';
 
 const propTypes = {
     /** URL to full-sized image */
@@ -255,7 +255,7 @@ class ImageView extends PureComponent {
                         onLoadStart={this.imageLoadingStart}
                         onLoadEnd={this.imageLoadingEnd}
                     />
-                    {this.state.isLoading && <LoadingSpinnerOverlay />}
+                    {this.state.isLoading && <FullscreenLoadingIndicator />}
                 </View>
             );
         }
@@ -294,7 +294,7 @@ class ImageView extends PureComponent {
                     />
                 </Pressable>
 
-                {this.state.isLoading && <LoadingSpinnerOverlay />}
+                {this.state.isLoading && <FullscreenLoadingIndicator />}
             </View>
         );
     }

diff --git a/src/components/ImageView/index.native.js b/src/components/ImageView/index.native.js
@@ -11,7 +11,7 @@ import styles from '../../styles/styles';
 import * as StyleUtils from '../../styles/StyleUtils';
 import variables from '../../styles/variables';
 import withWindowDimensions, {windowDimensionsPropTypes} from '../withWindowDimensions';
-import LoadingSpinnerOverlay from '../LoadingSpinnerOverlay';
+import FullscreenLoadingIndicator from '../FullscreenLoadingIndicator';
 
 /**
  * On the native layer, we use a image library to handle zoom functionality
@@ -137,7 +137,7 @@ class ImageView extends PureComponent {
                         style={StyleUtils.getWidthAndHeightStyle(this.state.thumbnailWidth, this.state.thumbnailHeight)}
                         resizeMode="contain"
                     />
-                    <LoadingSpinnerOverlay />
+                    <FullscreenLoadingIndicator />
                 </View>
             );
         }
@@ -212,7 +212,7 @@ class ImageView extends PureComponent {
                         ]}
                     />
                 </ImageZoom>
-                {this.state.isLoading && <LoadingSpinnerOverlay />}
+                {this.state.isLoading && <FullscreenLoadingIndicator />}
             </View>
         );
     }

diff --git a/src/components/ImageWithSizeCalculation.js b/src/components/ImageWithSizeCalculation.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import Log from '../libs/Log';
 import styles from '../styles/styles';
 import makeCancellablePromise from '../libs/MakeCancellablePromise';
-import LoadingSpinnerOverlay from './LoadingSpinnerOverlay';
+import FullscreenLoadingIndicator from './FullscreenLoadingIndicator';
 
 const propTypes = {
     /** Url for image to display */
@@ -122,7 +122,7 @@ class ImageWithSizeCalculation extends PureComponent {
                     onLoadStart={this.imageLoadingStart}
                     onLoadEnd={this.imageLoadingEnd}
                 />
-                {this.state.isLoading && <LoadingSpinnerOverlay />}
+                {this.state.isLoading && <FullscreenLoadingIndicator />}
             </View>
         );
     }

diff --git a/src/components/LoadingSpinnerOverlay.js b/src/components/LoadingSpinnerOverlay.js