Fix search form re-rendering spuriously in web UI (#28876)

This commit is contained in:
Eugen Rochko 2024-01-24 08:03:30 +01:00 committed by GitHub
parent 61a0ec69fc
commit 01ce9df880
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,3 +1,4 @@
import { createSelector } from '@reduxjs/toolkit';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import { import {
@ -12,10 +13,15 @@ import {
import Search from '../components/search'; import Search from '../components/search';
const getRecentSearches = createSelector(
state => state.getIn(['search', 'recent']),
recent => recent.reverse(),
);
const mapStateToProps = state => ({ const mapStateToProps = state => ({
value: state.getIn(['search', 'value']), value: state.getIn(['search', 'value']),
submitted: state.getIn(['search', 'submitted']), submitted: state.getIn(['search', 'submitted']),
recent: state.getIn(['search', 'recent']).reverse(), recent: getRecentSearches(state),
}); });
const mapDispatchToProps = dispatch => ({ const mapDispatchToProps = dispatch => ({