From 01ce9df88008cee705b7e02a4581802afa07c3df Mon Sep 17 00:00:00 2001
From: Eugen Rochko <eugen@zeonfederated.com>
Date: Wed, 24 Jan 2024 08:03:30 +0100
Subject: [PATCH] Fix search form re-rendering spuriously in web UI (#28876)
---
.../features/compose/containers/search_container.js | 8 +++++++-
1 file changed, 7 insertions(+), 1 deletion(-)
diff --git a/app/javascript/mastodon/features/compose/containers/search_container.js b/app/javascript/mastodon/features/compose/containers/search_container.js
index 758b6b07d..616b91369 100644
--- a/app/javascript/mastodon/features/compose/containers/search_container.js
+++ b/app/javascript/mastodon/features/compose/containers/search_container.js
@@ -1,3 +1,4 @@
+import { createSelector } from '@reduxjs/toolkit';
import { connect } from 'react-redux';
import {
@@ -12,10 +13,15 @@ import {
import Search from '../components/search';
+const getRecentSearches = createSelector(
+ state => state.getIn(['search', 'recent']),
+ recent => recent.reverse(),
+);
+
const mapStateToProps = state => ({
value: state.getIn(['search', 'value']),
submitted: state.getIn(['search', 'submitted']),
- recent: state.getIn(['search', 'recent']).reverse(),
+ recent: getRecentSearches(state),
});
const mapDispatchToProps = dispatch => ({