fix: no need to pointerEvents: none if svg have no name

fix: modified unrelated file

new-lamassu-admin/src/components/Tooltip.js

@@ -11,9 +11,6 @@ const useStyles = makeStyles({
     marginTop: 4,
     cursor: 'pointer'
   },
-  preventDefaultTooltip: {
-    pointerEvents: 'none'
-  },
   popoverContent: ({ width }) => ({
     width,
     padding: [[10, 15]]
@@ -53,9 +50,7 @@ const Tooltip = memo(
             onPointerOver={event => enableOver && handleOpenHelpPopper(event)}
             onClick={event => enableClick && handleOpenHelpPopper(event)}
             {...props}>
-            {Button !== FeatureButton && (
+            {Button !== FeatureButton && <Icon></Icon>}
-              <Icon className={classes.preventDefaultTooltip}></Icon>
-            )}
           </Button>
           <Popper
             open={helpPopperOpen}

new-lamassu-admin/src/components/buttons/ActionButton.js

@@ -19,7 +19,7 @@ const ActionButton = memo(
       <button className={classnames(classNames, className)} {...props}>
         {Icon && (
           <div className={classes.actionButtonIcon}>
-            <Icon className={classes.preventDefaultTooltip} />
+            <Icon />
           </div>
         )}
         {InverseIcon && (

new-lamassu-admin/src/components/buttons/ActionButton.styles.js

@@ -23,9 +23,6 @@ const colors = (color1, color2, color3) => {
 }
 
 export default {
-  preventDefaultTooltip: {
-    pointerEvents: 'none'
-  },
   actionButton: {
     extend: p,
     cursor: 'pointer',

new-lamassu-admin/src/components/buttons/FeatureButton.js

@@ -7,9 +7,6 @@ import baseButtonStyles from './BaseButton.styles'
 const { baseButton, primary } = baseButtonStyles
 
 const styles = {
-  preventDefaultTooltip: {
-    pointerEvents: 'none'
-  },
   featureButton: {
     extend: baseButton,
     width: baseButton.height,
@@ -47,7 +44,7 @@ const FeatureButton = memo(
       <button className={classnames(classNames, className)} {...props}>
         {Icon && (
           <div className={classes.buttonIcon}>
-            <Icon className={classes.preventDefaultTooltip} />
+            <Icon />
           </div>
         )}
         {InverseIcon && (

new-lamassu-admin/src/components/buttons/SimpleButton.js

@@ -7,9 +7,6 @@ import baseButtonStyles from './BaseButton.styles'
 const { baseButton, primary } = baseButtonStyles
 
 const styles = {
-  preventDefaultTooltip: {
-    pointerEvents: 'none'
-  },
   button: {
     extend: baseButton,
     borderRadius: baseButton.height / 2,
@@ -41,7 +38,7 @@ const SimpleButton = memo(
         {...props}>
         {Icon && (
           <div className={classes.buttonIcon}>
-            <Icon className={classes.preventDefaultTooltip} />
+            <Icon />
           </div>
         )}
         {InverseIcon && (

new-lamassu-admin/src/components/inputs/base/Select.js

@@ -39,7 +39,7 @@ function Select({ label, items, ...props }) {
       <label {...getLabelProps()}>{startCase(label)}</label>
       <button {...getToggleButtonProps()}>
         <span className={classes.selectedItem}>{startCase(selectedItem)}</span>
-        <Arrowdown className={classes.preventDefaultTooltip} />
+        <Arrowdown />
       </button>
       <ul {...getMenuProps()}>
         {isOpen &&

new-lamassu-admin/src/components/inputs/base/Select.styles.js

@@ -6,9 +6,6 @@ const { p, label1 } = typographyStyles
 const WIDTH = 152
 
 export default {
-  preventDefaultTooltip: {
-    pointerEvents: 'none'
-  },
   selectedItem: {
     width: WIDTH - 41,
     display: 'block',