BENTO-1284: bento local search minor bugs and improvements

Author: AjayDoddapaneni

.eslintrc.js

@@ -32,5 +32,6 @@ module.exports = {
     "jsx-a11y/click-events-have-key-events":"off",
     "react/jsx-props-no-spreading":"off",
     "linebreak-style":"off",
+    "react/jsx-no-bind":"off",
   },
 };

src/components/SideBar/SideBarComponents/clearFilters.js

@@ -16,8 +16,8 @@ const clearFilters = ({
       disabled={disable}
       className={classes.customButton}
       classes={{ root: classes.clearAllButtonRoot }}
-      onClick={() => onClick()}
       disableRipple
+      onClick={() => onClick()}
     >
       <img
         src={resetIcon.src}
@@ -26,7 +26,7 @@ const clearFilters = ({
         alt={resetIcon.alt}
       />
     </Button>
-    <span className={classes.resetText}>{resetText}</span>
+    <span className={disable ? classes.resetTextDisabled : classes.resetText}>{resetText}</span>
 
   </div>
 );
@@ -58,7 +58,13 @@ const styles = (theme) => ({
   resetText: {
     marginTop: '0px',
     marginLeft: '8px',
-    color: '#638FB5',
+    color: '#4b82b2',
+    fontSize: 14,
+  },
+  resetTextDisabled: {
+    marginTop: '0px',
+    marginLeft: '8px',
+    color: '#a9b2b9',
     fontSize: 14,
   },
 });

src/components/SideBar/SideBarComponents/searchComponet.js

@@ -72,7 +72,7 @@ function localSearchCOmponent({ classes }) {
        why clear filter on click not working */}
       <a onClick={() => resetFilter()}>
         <ClearFilters
-          disable={options.length === 0}
+          disable={value.length === 0}
           onClick={() => {}}
           resetText="Clear all search selections"
         />

src/components/SideBar/SideBarView.js

@@ -23,8 +23,10 @@ const SideBarContent = ({ classes }) => {
   const [value, setValue] = React.useState('1');
 
   const handleChange = (event, newValue) => {
-    setValue(newValue);
-    clearAllFilters();
+    if (value !== newValue) {
+      setValue(newValue);
+      clearAllFilters();
+    }
   };
   const activeFilters = useSelector((state) => (
     state.dashboardTab
@@ -76,6 +78,7 @@ const SideBarContent = ({ classes }) => {
               <ClearFilters
                 disable={activeFiltersCount === 0}
                 onClick={() => clearAllFilters()}
+                resetText="Clear all filtered selections"
               />
             </div>
             <List component="nav" aria-label="filter cases" classes={{ root: classes.listRoot, divider: classes.dividerRoot }}>

src/pages/dashboardTab/store/dashboardReducer.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/destructuring-assignment */
 import _ from 'lodash';
 import {
   customCheckBox,

src/pages/fileCentricCart/components/body/cartBody.js

@@ -28,6 +28,7 @@ const CartHeader = ({
   isLoading,
 }) => {
   function onRowSelectionChange(curr, allRowsSelected) {
+    // eslint-disable-next-line no-sequences
     return (curr, allRowsSelected);
   }
   const columns = getColumns(table, classes).concat(deleteColumn);