reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2024-11-29 04:53:54 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix inspector-monitor filter (#1077)

Browse Source 
* Fix inspector-monitor filter

* Create stale-deers-pump.md

* Update stale-deers-pump.md
This commit is contained in:
Nathan Bierema 2022-02-06 00:46:29 -05:00 committed by GitHub
parent 2ec10f00ee
commit 55cc37eacc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.changeset/stale-deers-pump.md Normal file
View File

@ -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

1
packages/redux-devtools-inspector-monitor/src/ActionList.tsx
View File

@ -154,6 +154,7 @@ export default class ActionList<
hideMainButtons={hideMainButtons} hideMainButtons={hideMainButtons}
hasSkippedActions={skippedActionIds.length > 0} hasSkippedActions={skippedActionIds.length > 0}
hasStagedActions={actionIds.length > 1} hasStagedActions={actionIds.length > 1}
searchValue={searchValue}
/> />
<div <div
data-testid="actionListRows" data-testid="actionListRows"

3
packages/redux-devtools-inspector-monitor/src/ActionListHeader.tsx
View File

@ -16,6 +16,7 @@ interface Props {
hideMainButtons: boolean | undefined; hideMainButtons: boolean | undefined;
hasSkippedActions: boolean; hasSkippedActions: boolean;
hasStagedActions: boolean; hasStagedActions: boolean;
searchValue: string | undefined;
} }
const ActionListHeader: FunctionComponent<Props> = ({ const ActionListHeader: FunctionComponent<Props> = ({
@ -26,12 +27,14 @@ const ActionListHeader: FunctionComponent<Props> = ({
onCommit, onCommit,
onSweep, onSweep,
hideMainButtons, hideMainButtons,
searchValue,
}) => ( }) => (
<div {...styling('actionListHeader')}> <div {...styling('actionListHeader')}>
<input <input
{...styling('actionListHeaderSearch')} {...styling('actionListHeaderSearch')}
onChange={(e) => onSearch(e.target.value)} onChange={(e) => onSearch(e.target.value)}
placeholder="filter..." placeholder="filter..."
value={searchValue}
/> />
{!hideMainButtons && ( {!hideMainButtons && (
<div {...styling('actionListHeaderWrapper')}> <div {...styling('actionListHeaderWrapper')}>