reset url in state after editing profile

3 files changed, 21 insertions, 1 deletions

diff --git a/src/screens/profile/EditProfile.tsx b/src/screens/profile/EditProfile.tsx
index ac992142..de950923 100644
--- a/src/screens/profile/EditProfile.tsx
+++ b/src/screens/profile/EditProfile.tsx
@@ -39,7 +39,7 @@ import {
 } from '../../constants/strings';
 import {MainStackParams} from '../../routes';
 import {patchEditProfile} from '../../services';
-import {loadUserData} from '../../store/actions';
+import {loadUserData, resetHeaderAndProfileImage} from '../../store/actions';
 import {RootState} from '../../store/rootReducer';
 import {BackgroundGradientType, ScreenType} from '../../types';
 import {HeaderHeight, SCREEN_HEIGHT} from '../../utils';
@@ -74,6 +74,7 @@ const EditProfile: React.FC<EditProfileProps> = ({route, navigation}) => {
 
   useEffect(() => {
     if (needsUpdate) {
+      dispatch(resetHeaderAndProfileImage());
       dispatch(loadUserData({userId, username}));
     }
   }, [dispatch, needsUpdate, userId, username]);
diff --git a/src/store/actions/user.ts b/src/store/actions/user.ts
index 46f96d9a..10132dd9 100644
--- a/src/store/actions/user.ts
+++ b/src/store/actions/user.ts
@@ -7,6 +7,7 @@ import {
 import {UserType} from '../../types/types';
 import {getTokenOrLogout} from '../../utils';
 import {
+  clearHeaderAndProfileImages,
   profileCompletionStageUpdated,
   setIsOnboardedUser,
   setNewNotificationReceived,
@@ -54,6 +55,18 @@ export const loadUserData = (
   }
 };
 
+export const resetHeaderAndProfileImage = (): ThunkAction<
+  Promise<void>,
+  RootState,
+  unknown,
+  Action<string>
+> => async (dispatch) => {
+  await dispatch({
+    type: clearHeaderAndProfileImages.type,
+    payload: {},
+  });
+};
+
 /**
  * To update editable socials
  * @param social social to be updated
diff --git a/src/store/reducers/userReducer.ts b/src/store/reducers/userReducer.ts
index 587aa374..9ff9ba01 100644
--- a/src/store/reducers/userReducer.ts
+++ b/src/store/reducers/userReducer.ts
@@ -70,6 +70,11 @@ const userDataSlice = createSlice({
     setSuggestedPeopleImage: (state, action) => {
       state.suggestedPeopleImage = action.payload.suggestedPeopleImage;
     },
+
+    clearHeaderAndProfileImages: (state) => {
+      state.avatar = '';
+      state.cover = '';
+    },
   },
 });
 
@@ -84,5 +89,6 @@ export const {
   setNewNotificationReceived,
   setReplyPosted,
   setSuggestedPeopleImage,
+  clearHeaderAndProfileImages,
 } = userDataSlice.actions;
 export const userDataReducer = userDataSlice.reducer;