header profile image bug fixed

src/component/settings/ProfileImage.jsx

@@ -1,17 +1,21 @@
 import React, { memo, useRef, useState } from 'react'
-// import { useSelector } from 'react-redux';
+import { useSelector, useDispatch } from 'react-redux';
 import getImage from '../../utils/getImage';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { uploadProfileImg } from '../../services/services';
 import queryKeys from '../../services/queryKeys';
+import { updateUserDetails } from '../../store/UserDetails'
 
 const ProfileImage = memo(({intialData}) => {
 
+    const dispatch = useDispatch()
+
     const queryClient = useQueryClient()
 
     const [selectedImg, setSelectedImg] = useState(null)
     
     // const {userDetails} = useSelector((state) => state?.userDetails); // CHECKS FOR ACTIVE USER DETAILS
+
     const avtarImage = "avtar/merms-user.png";
 
       // browser profile img
@@ -32,17 +36,20 @@ const ProfileImage = memo(({intialData}) => {
             return uploadProfileImg(fields)
         },
         onSuccess: (res) => {
+            console.log('res', res)
+            if(res?.data?.picture){
+                dispatch(updateUserDetails({ picture: res?.data?.picture }));
+            }
             // if(res.data.resultCode != '0'){
             //     throw({message: res?.data?.resultDescription ? res?.data?.resultDescription : 'An error occured'})
             // }
             // const account_name = res?.data?.personal_data?.account_name
-            // dispatch(updateUserDetails({ account_name }));
         },
         onSettled: ()=>{
             setTimeout(() => {
-                queryClient.refetchQueries({
-                    queryKey: [...queryKeys.profile_data], // type: 'active', // exact: true,
-                })
+                // queryClient.refetchQueries({
+                //     queryKey: [...queryKeys.profile_data], // type: 'active', // exact: true,
+                // })
                 uploadProfileMutation.reset()
             }, 3000);
         }
@@ -95,7 +102,7 @@ const ProfileImage = memo(({intialData}) => {
                         {selectedImg &&
                         <div>
                             <button onClick={proceedToUpload} disabled={uploadProfileMutation.isSuccess || uploadProfileMutation.isPending} className="btn btn-light text-primary mb-2">
-                                {uploadProfileMutation.isPaused ? 'Upload...' : 'Upload New Avatar'}
+                                {uploadProfileMutation.isPending ? 'Upload...' : 'Upload New Avatar'}
                             </button>
                         </div>
                         }