Merge pull request #261 from web3ui/fix/remove-onclick-event-icon

fix: remove onClick event from Icon component
web3ui · Mar 10, 2022 · 29c0a35 · 29c0a35
2 parents 1213092 + b969db5
commit 29c0a35
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 11 deletions.
diff --git a/src/components/Icon/Icon.styles.tsx b/src/components/Icon/Icon.styles.tsx
@@ -6,4 +6,5 @@ export const StyledIconDiv = styled.div`
     flex-direction: column;
     justify-content: center;
     line-height: 0px;
+    pointer-events: none;
 `;
diff --git a/src/components/Icon/Icon.tsx b/src/components/Icon/Icon.tsx
@@ -6,7 +6,6 @@ import type { IconProps } from './types';
 
 const Icon: React.FC<IconProps> = ({
     fill = 'inherit',
-    onClick = () => {},
     size = 18,
     svg,
     style,
@@ -22,11 +21,7 @@ const Icon: React.FC<IconProps> = ({
         return collection[key](fill, size, style);
     };
 
-    return (
-        <StyledIconDiv onClick={onClick}>
-            {getIcon(fill, size, svg, style)}
-        </StyledIconDiv>
-    );
+    return <StyledIconDiv>{getIcon(fill, size, svg, style)}</StyledIconDiv>;
 };
 
 export default Icon;
diff --git a/src/components/Icon/types.ts b/src/components/Icon/types.ts
@@ -6,11 +6,6 @@ export interface IconProps {
      */
     fill?: string;
 
-    /**
-     * Run function if Icon is clikec
-     */
-    onClick?: () => void;
-
     /**
      * set a pixel size, SVGs render as a square icons
      */