Refactor to use action instead of util function

1 files changed, 9 insertions, 1 deletions

diff --git a/src/store/reducers/userReducer.ts b/src/store/reducers/userReducer.ts
index 97bf845c..03fee112 100644
--- a/src/store/reducers/userReducer.ts
+++ b/src/store/reducers/userReducer.ts
@@ -1,4 +1,6 @@
 import {createSlice} from '@reduxjs/toolkit';
+import {ActionSheetIOS} from 'react-native';
+import {Badge} from 'react-native-elements';
 import {NO_USER_DATA} from '../initialStates';
 
 /**
@@ -46,6 +48,12 @@ const userDataSlice = createSlice({
       state.profile.badges = action.payload.badges;
     },
 
+    profileBadgeRemoved: (state, action) => {
+      state.profile.badges = state.profile.badges.filter(
+        (badge) => badge.name !== action.payload.badge,
+      );
+    },
+
     profileCompletionStageUpdated: (state, action) => {
       state.profile.profile_completion_stage = action.payload.stage;
     },
@@ -95,6 +103,6 @@ export const {
   setSuggestedPeopleImage,
   clearHeaderAndProfileImages,
   profileBadgesUpdated,
-  // setChatClientReady,
+  profileBadgeRemoved,
 } = userDataSlice.actions;
 export const userDataReducer = userDataSlice.reducer;