jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui) - disable clearsearch in assist when there are no filters\

Browse source
This commit is contained in:
Shekar Siri 2022-07-04 16:02:11 +02:00
parent 36258e58c9
commit 0ea2579186
1 changed files with 23 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
frontend/app/components/Assist/AssistSearchField/AssistSearchField.tsx
View file

@ -6,19 +6,24 @@ import { connect } from 'react-redux';
import { edit as editFilter, addFilterByKeyAndValue, clearSearch, fetchFilterSearch } from 'Duck/liveSearch';
// import { clearSearch } from 'Duck/search';
function AssistSearchField(props: any) {
interface Props {
appliedFilter: any;
fetchFilterSearch: any;
addFilterByKeyAndValue: any;
clearSearch: any;
}
function AssistSearchField(props: Props) {
const hasEvents = props.appliedFilter.filters.filter((i: any) => i.isEvent).size > 0;
const hasFilters = props.appliedFilter.filters.filter((i: any) => !i.isEvent).size > 0;
return (
<div className="flex items-center">
<div style={{ width: "60%", marginRight: "10px"}}>
<SessionSearchField
fetchFilterSearch={props.fetchFilterSearch}
addFilterByKeyAndValue={props.addFilterByKeyAndValue}
/>
<div style={{ width: '60%', marginRight: '10px' }}>
<SessionSearchField fetchFilterSearch={props.fetchFilterSearch} addFilterByKeyAndValue={props.addFilterByKeyAndValue} />
</div>
<Button
variant="text-primary"
className="ml-auto font-medium"
// disabled={!hasFilters}
disabled={!hasFilters && !hasEvents}
onClick={() => props.clearSearch()}
>
Clear Search
@ -27,6 +32,14 @@ function AssistSearchField(props: any) {
);
}
export default connect(null, {
fetchFilterSearch, editFilter, addFilterByKeyAndValue, clearSearch
})(AssistSearchField);
export default connect(
(state: any) => ({
appliedFilter: state.getIn(['liveSearch', 'instance']),
}),
{
fetchFilterSearch,
editFilter,
addFilterByKeyAndValue,
clearSearch,
}
)(AssistSearchField);