From 4ab565ca36ee5dbb2ab1d29db1bfb1486ff70075 Mon Sep 17 00:00:00 2001
From: Phillip Kelley-Dotson <pkelleydotson@yahoo.com>
Date: Thu, 8 Jul 2021 14:24:43 -0700
Subject: [PATCH] refactor: icon to icons for sliceheader component (#15567)

* initial commit

* put back code
---
 .../src/dashboard/components/SliceHeader/index.tsx     | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/superset-frontend/src/dashboard/components/SliceHeader/index.tsx b/superset-frontend/src/dashboard/components/SliceHeader/index.tsx
index 87425ec202..32eac7df0a 100644
--- a/superset-frontend/src/dashboard/components/SliceHeader/index.tsx
+++ b/superset-frontend/src/dashboard/components/SliceHeader/index.tsx
@@ -23,7 +23,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import EditableTitle from 'src/components/EditableTitle';
 import SliceHeaderControls from 'src/dashboard/components/SliceHeaderControls';
 import FiltersBadge from 'src/dashboard/components/FiltersBadge';
-import Icon from 'src/components/Icon';
+import Icons from 'src/components/Icons';
 import { RootState } from 'src/dashboard/types';
 import FilterIndicator from 'src/dashboard/components/FiltersBadge/FilterIndicator';
 import { clearDataMask } from 'src/dataMask/actions';
@@ -69,12 +69,9 @@ type SliceHeaderProps = {
 const annotationsLoading = t('Annotation layers are still loading.');
 const annotationsError = t('One ore more annotation layers failed loading.');
 
-const CrossFilterIcon = styled(Icon)`
-  fill: ${({ theme }) => theme.colors.grayscale.light5};
+const CrossFilterIcon = styled(Icons.CursorTarget)`
   cursor: pointer;
-  & circle {
-    fill: ${({ theme }) => theme.colors.primary.base};
-  }
+  color: ${({ theme }) => theme.colors.primary.base};
   height: 22px;
   width: 22px;
 `;
@@ -174,7 +171,6 @@ const SliceHeader: FC<SliceHeaderProps> = ({
                 }
               >
                 <CrossFilterIcon
-                  name="cross-filter-badge"
                   onClick={() => dispatch(clearDataMask(slice?.slice_id))}
                 />
               </Tooltip>