test

src/components/Modals/LoadingModal/LoadingModal.tsx

@@ -3,19 +3,27 @@ import {StyleSheet, View} from "react-native";
 import {useSelector} from "react-redux";
 import {RootState} from "../../../redux/store";
 import Modal from "react-native-modal";
-import {background} from "../../../css/colors";
+import {background, blue} from "../../../css/colors";
 import {responsiveHeight, responsiveWidth} from "react-native-responsive-dimensions";
 import DTitle from "../../DTitle/DTitle";
+import * as Progress from 'react-native-progress';
+import {RFPercentage} from "react-native-responsive-fontsize";
 
 const LoadingModal: FC = () => {
     const isVisible = useSelector((state: RootState) => state.loadingModal.isVisible);
     const loadingText = useSelector((state: RootState) => state.loadingModal.loadingText);
     const [ch, sCh] = useState(false);
     return (
-        <Modal isVisible={isVisible}>
+        <Modal isVisible={true}>
             <View style={styles.container}>
                 <DTitle style={{textAlign: "center"}}>{loadingText}</DTitle>
                 <View style={styles.progressBarWrapper}>
+                    <Progress.Circle size={RFPercentage(20)}
+                                     color={blue}
+                                     indeterminate={true}
+                                     style={styles.progressBar}
+                                     borderWidth={responsiveWidth(1)}
+                    />
                 </View>
 
             </View>