fixed country signup and status change refresh

src/components/country/CountrySettings.jsx

@@ -24,6 +24,7 @@ export default function CountrySettings(){
         staleTime: 0 // 0 mins
     })
     const countryData = data?.data?.country_data // COUNTRY LIST
+    // console.log('countryData', countryData)
 
 
     const statusChange = useMutation({
@@ -48,7 +49,7 @@ export default function CountrySettings(){
     const handleStatusChange = (event, details) => {
         setSelected(event.target.id)
         const name = event.target.name
-        const val = name.toLowerCase() == 'STATUS' ? details.status : details.signup
+        const val = name.toUpperCase() == 'STATUS' ? details.status : details.signup
         const reqData = {
             'val_type': name.toUpperCase(),
             'country_uid': details?.country_uid,
@@ -66,13 +67,15 @@ export default function CountrySettings(){
 
                 <>
                 {/* status === 'pending' */}
-                    {isFetching ?
+                    {status === 'pending' ?
                         <p className='text-slate-800'>Loading...</p>
                     : isError ?
                         <p className='text-red-500'>{error.message}</p>
                     :
-                        <TableWrapper data={countryData} itemsPerPage={20}>
-                            {({ data }) => (
+                        // <TableWrapper data={countryData} itemsPerPage={20}>
+                        //     {({ data }) => (
+                        //     )}
+                        // </TableWrapper>
                                 <>
                                     <table className="py-2 w-full text-sm">
                                         <thead className="py-2 text-sm text-slate-500 text-left">
@@ -92,7 +95,7 @@ export default function CountrySettings(){
                                             </tr>
                                         </thead>
                                         <tbody>
-                                        {(data && data.length > 0) ? data?.map((item, index) => (
+                                        {(countryData && countryData.length > 0) ? countryData?.map((item, index) => (
                                             <tr key={index} className="py-2 border-t border-dashed border-slate-300">
                                                 <td className="px-2 py-2">
                                                     <div className="text-left">
@@ -167,14 +170,7 @@ export default function CountrySettings(){
                                         </tbody>
                                     </table>
                                 </>
-                            )}
-                        </TableWrapper>
                     }
-                    {/* {(isFetching && status != 'pending') &&
-                        <div className="w-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-[991] inset-0 flex justify-center items-center">
-                        <p className="rounded-md shadow-md p-4 bg-white/90 dark:bg-gray-900 text-brown dark:text-white">Loading...</p>
-                        </div>
-                    } */}
                 </>
 
             </div>