From 0ea25791866204f6c7f2e7809491cb846f5295e0 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Mon, 4 Jul 2022 16:02:11 +0200
Subject: [PATCH] change(ui) - disable clearsearch in assist when there are no
 filters\

---
 .../AssistSearchField/AssistSearchField.tsx   | 33 +++++++++++++------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/frontend/app/components/Assist/AssistSearchField/AssistSearchField.tsx b/frontend/app/components/Assist/AssistSearchField/AssistSearchField.tsx
index 5df3a7d78..a8c04a98a 100644
--- a/frontend/app/components/Assist/AssistSearchField/AssistSearchField.tsx
+++ b/frontend/app/components/Assist/AssistSearchField/AssistSearchField.tsx
@@ -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);
\ No newline at end of file
+export default connect(
+    (state: any) => ({
+        appliedFilter: state.getIn(['liveSearch', 'instance']),
+    }),
+    {
+        fetchFilterSearch,
+        editFilter,
+        addFilterByKeyAndValue,
+        clearSearch,
+    }
+)(AssistSearchField);