diff --git a/src/client/components/AcquisitionPanel.tsx b/src/client/components/AcquisitionPanel.tsx index 6bff0f2..336afe1 100644 --- a/src/client/components/AcquisitionPanel.tsx +++ b/src/client/components/AcquisitionPanel.tsx @@ -117,7 +117,7 @@ export const AcquisitionPanel = ( {/* AirDC++ results */}
{!isNil(airDCPPSearchResults) && !isEmpty(airDCPPSearchResults) ? ( - +
diff --git a/src/client/reducers/airdcpp.reducer.ts b/src/client/reducers/airdcpp.reducer.ts index 6dfb791..c9e43c9 100644 --- a/src/client/reducers/airdcpp.reducer.ts +++ b/src/client/reducers/airdcpp.reducer.ts @@ -8,6 +8,7 @@ import { AIRDCPP_BUNDLES_FETCHED, } from "../constants/action-types"; import { LOCATION_CHANGE } from "connected-react-router"; +import { difference } from "../shared/utils/object.utils"; const initialState = { searchResults: [], @@ -29,10 +30,16 @@ function airdcppReducer(state = initialState, action) { }; case AIRDCPP_SEARCH_RESULTS_UPDATED: const bundleToUpdateIndex = state.searchResults.findIndex( - (bundle) => bundle.id === action.groupedResult.result.id, + (bundle) => bundle.result.id === action.groupedResult.result.id, ); const updatedState = [...state.searchResults]; - updatedState[bundleToUpdateIndex] = action.groupedResult; + + if ( + difference(updatedState[bundleToUpdateIndex], action.groupedResult) !== + {} + ) { + updatedState[bundleToUpdateIndex] = action.groupedResult; + } return { ...state, diff --git a/src/client/shared/utils/object.utils.ts b/src/client/shared/utils/object.utils.ts new file mode 100644 index 0000000..53a26ee --- /dev/null +++ b/src/client/shared/utils/object.utils.ts @@ -0,0 +1,22 @@ +import { transform, isEqual, isObject } from "lodash"; + +/** + * Deep diff between two object, using lodash + * @param {Object} object Object compared + * @param {Object} base Object to compare with + * @return {Object} Return a new object who represent the diff + */ +export const difference = (object, base) => { + return changes(object, base); +}; + +const changes = (object, base) => { + return transform(object, (result, value, key) => { + if (!isEqual(value, base[key])) { + result[key] = + isObject(value) && isObject(base[key]) + ? changes(value, base[key]) + : value; + } + }); +};
Name