WA-234 Fix unnecesary re-renders when storing again just fetched safe

src/routes/safe/container/index.jsx

@@ -18,7 +18,9 @@ class SafeView extends React.PureComponent<Props> {
       if (!safe) { return }
       const safeAddress: string = safe.get('address')
       fetchBalance(safeAddress)
-      fetchSafe(safe)
+      if (safe) {
+        fetchSafe(safe)
+      }
     }, 1500)
   }
 

src/routes/safe/store/reducer/safe.js

@@ -24,7 +24,8 @@ action: AddSafeType
 
 export default handleActions({
   [UPDATE_SAFE]: (state: State, action: ActionType<typeof updateSafe>): State =>
-    state.set(action.payload.get('address'), action.payload),
+    state.update(action.payload.get('address'), prevSafe =>
+      (prevSafe.equals(action.payload) ? prevSafe : action.payload)),
   [UPDATE_SAFES]: (state: State, action: ActionType<typeof updateSafes>): State =>
     action.payload,
   [ADD_SAFE]: (state: State, action: ActionType<typeof addSafe>): State => {

src/routes/safe/store/selectors/index.js

@@ -75,7 +75,9 @@ export const safeSelector: Selector<GlobalState, RouterProps, SafeSelectorProps>
       return undefined
     }
 
-    return safes.get(address)
+    const safe = safes.get(address)
+
+    return safe
   },
 )