added prepare feature to accept two args

Author: PiyushChandra17

client/modules/IDE/reducers/search.js

@@ -9,12 +9,12 @@ const searchSlice = createSlice({
   name: 'search',
   initialState,
   reducers: {
-    setSearchTerm: (state, action) => {
-      const { scope, query } = action.payload;
-      return {
-        ...state,
-        [`${scope}SearchTerm`]: query
-      };
+    setSearchTerm: {
+      reducer: (state, action) => {
+        const { scope, query } = action.payload;
+        state[`${scope}SearchTerm`] = query;
+      },
+      prepare: (scope, query) => ({ payload: { scope, query } })
     }
   }
 });

client/modules/IDE/reducers/sorting.js

@@ -20,10 +20,12 @@ const sortingSlice = createSlice({
         state.direction === DIRECTION.ASC ? DIRECTION.DESC : DIRECTION.ASC;
       return { ...state, direction };
     },
-    setSorting: (state, action) => {
-      const { field, direction } = action.payload;
-      console.log(field);
-      return { ...state, field, direction };
+    setSorting: {
+      reducer: (state, action) => {
+        const { field, direction } = action.payload;
+        return { ...state, field, direction };
+      },
+      prepare: (field, direction) => ({ payload: { field, direction } })
     }
   }
 });