committed

src/Constant/Dialog/ConfirmDialog.tsx

@@ -6,6 +6,7 @@ import {
   TouchableOpacity,
   StyleSheet,
   Pressable,
+  ActivityIndicator,
 } from 'react-native';
 import colors from '../Color';
 
@@ -17,6 +18,7 @@ type ConfirmDialogProps = {
   cancelText?: string;
   onConfirm: () => void;
   onClose: () => void;
+loading:boolean
 };
 
 const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
@@ -27,6 +29,7 @@ const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
   cancelText = 'Cancel',
   onConfirm,
   onClose,
+  loading,
 }) => {
   return (
     <Modal
@@ -48,9 +51,9 @@ const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
 
           {/* Actions */}
           <View style={styles.actions}>
-            <TouchableOpacity style={styles.cancelBtn} onPress={onClose}>
+            {/* <TouchableOpacity style={styles.cancelBtn} onPress={onClose}>
               <Text style={styles.cancelText}>{cancelText}</Text>
-            </TouchableOpacity>
+            </TouchableOpacity> */}
 
             <TouchableOpacity
               style={styles.confirmBtn}
@@ -59,7 +62,10 @@ const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
                 onClose();
               }}
             >
-              <Text style={styles.confirmText}>{confirmText}</Text>
+              { !loading ?<Text style={styles.confirmText}>{confirmText}</Text>:<ActivityIndicator
+              color={colors.primary}
+              size={30}
+              />}
             </TouchableOpacity>
           </View>
         </Pressable>