From 55cc37eacca169309ed5a390de251c062d116800 Mon Sep 17 00:00:00 2001
From: Nathan Bierema <nbierema@gmail.com>
Date: Sun, 6 Feb 2022 00:46:29 -0500
Subject: [PATCH] Fix inspector-monitor filter (#1077)

* Fix inspector-monitor filter

* Create stale-deers-pump.md

* Update stale-deers-pump.md
---
 .changeset/stale-deers-pump.md                             | 7 +++++++
 .../redux-devtools-inspector-monitor/src/ActionList.tsx    | 1 +
 .../src/ActionListHeader.tsx                               | 3 +++
 3 files changed, 11 insertions(+)
 create mode 100644 .changeset/stale-deers-pump.md

diff --git a/.changeset/stale-deers-pump.md b/.changeset/stale-deers-pump.md
new file mode 100644
index 00000000..8164b19a
--- /dev/null
+++ b/.changeset/stale-deers-pump.md
@@ -0,0 +1,7 @@
+---
+'@redux-devtools/inspector-monitor': patch
+'@redux-devtools/app': patch
+'remotedev-redux-devtools-extension': patch
+---
+
+Fix filter to show state-controlled search value
diff --git a/packages/redux-devtools-inspector-monitor/src/ActionList.tsx b/packages/redux-devtools-inspector-monitor/src/ActionList.tsx
index 4362d2d6..b8a3a9ba 100644
--- a/packages/redux-devtools-inspector-monitor/src/ActionList.tsx
+++ b/packages/redux-devtools-inspector-monitor/src/ActionList.tsx
@@ -154,6 +154,7 @@ export default class ActionList<
           hideMainButtons={hideMainButtons}
           hasSkippedActions={skippedActionIds.length > 0}
           hasStagedActions={actionIds.length > 1}
+          searchValue={searchValue}
         />
         <div
           data-testid="actionListRows"
diff --git a/packages/redux-devtools-inspector-monitor/src/ActionListHeader.tsx b/packages/redux-devtools-inspector-monitor/src/ActionListHeader.tsx
index f913b2ed..e4129e53 100644
--- a/packages/redux-devtools-inspector-monitor/src/ActionListHeader.tsx
+++ b/packages/redux-devtools-inspector-monitor/src/ActionListHeader.tsx
@@ -16,6 +16,7 @@ interface Props {
   hideMainButtons: boolean | undefined;
   hasSkippedActions: boolean;
   hasStagedActions: boolean;
+  searchValue: string | undefined;
 }
 
 const ActionListHeader: FunctionComponent<Props> = ({
@@ -26,12 +27,14 @@ const ActionListHeader: FunctionComponent<Props> = ({
   onCommit,
   onSweep,
   hideMainButtons,
+  searchValue,
 }) => (
   <div {...styling('actionListHeader')}>
     <input
       {...styling('actionListHeaderSearch')}
       onChange={(e) => onSearch(e.target.value)}
       placeholder="filter..."
+      value={searchValue}
     />
     {!hideMainButtons && (
       <div {...styling('actionListHeaderWrapper')}>