src/components/common/LoadingIndicator.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import React from 'react';
import {ActivityIndicator, StyleSheet} from 'react-native';
import {usePromiseTracker} from 'react-promise-tracker';

const LoadingIndicator: React.FC = () => {
  const {promiseInProgress} = usePromiseTracker();
  return promiseInProgress ? (
    <ActivityIndicator
      style={styles.loadingIndicator}
      size="large"
      color="#fff"
    />
  ) : (
    <></>
  );
};

const styles = StyleSheet.create({
  loadingIndicator: {
    marginVertical: '5%',
  },
});

export default LoadingIndicator;