reloads card list on successful card delete

src/components/Settings/Tabs/DeleteCardPopout.jsx

@@ -3,7 +3,7 @@ import ModalCom from '../../Helpers/ModalCom'
 import LoadingSpinner from '../../Spinners/LoadingSpinner'
 import usersService from '../../../services/UsersService'
 
-function DeleteCardPopout({action, situation, data}) {
+function DeleteCardPopout({action, situation, data, setReloadCardList}) {
     const api = new usersService()
 
     const [requestStatus, setRequestStatus] = useState({loading: false, status:false, message: ''})
@@ -13,17 +13,16 @@ function DeleteCardPopout({action, situation, data}) {
         api.payRemCard({card_uid:data.card_uid}).then(res=>{
             if(res.status != 200 || res.data.internal_return < 0){
                 setRequestStatus({loading: false, status:false, message: 'unable to delete card. Try Again'})
+                return
             }
             setRequestStatus({loading: false, status:true, message: 'Card deleted'})
-            // setTimeout(()=>{action()},3000) // CLOSES MODAL AFTER SOME SECONDS
+            setReloadCardList(prev => !prev) // RELOADS PAY CARD LIST
+            setTimeout(()=>{action()},3000) // CLOSES MODAL AFTER SOME SECONDS
         }).catch(err => {
             setRequestStatus({loading: false, status:false, message: 'network error. Try Again'})
         }).finally(()=>{
             setTimeout(()=>{
                 setRequestStatus(prev => ({...prev, message: ''}))
-                if(requestStatus.status){
-                    action() // CLOSES MODAL AFTER SOME SECONDS
-                }
             },4000)
         })
     }