fix(ui): arrow click position update (#5016)

datahub-project · May 27, 2022 · 05310e4 · 05310e4
1 parent 26c0acf
commit 05310e4
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/datahub-web-react/src/app/search/SearchFilter.tsx b/datahub-web-react/src/app/search/SearchFilter.tsx
@@ -29,6 +29,7 @@ const Title = styled.div`
     margin-bottom: 10px;
     display: flex;
     justify-content: space-between;
+    cursor: pointer;
 `;
 
 const CheckBox = styled(Checkbox)`
@@ -57,15 +58,12 @@ export const SearchFilter = ({ facet, selectedFilters, onFilterSelect, defaultDi
 
     return (
         <SearchFilterWrapper key={facet.field}>
-            <Title>
+            <Title onClick={() => setAreFiltersVisible((prevState) => !prevState)}>
                 {facet?.displayName}
                 {areFiltersVisible ? (
-                    <StyledUpOutlined onClick={() => setAreFiltersVisible(false)} />
+                    <StyledUpOutlined />
                 ) : (
-                    <StyledDownOutlined
-                        data-testid={`expand-facet-${facet.field}`}
-                        onClick={() => setAreFiltersVisible(true)}
-                    />
+                    <StyledDownOutlined data-testid={`expand-facet-${facet.field}`} />
                 )}
             </Title>
             {areFiltersVisible && (