fixed issue with hover tooltips not showing touch screen laptops (#2422)

Author: joshlacey

packages/map/src/CdcMapComponent.tsx

@@ -561,16 +561,14 @@ const CdcMapComponent: React.FC<CdcMapComponent> = ({
                 {accessibleStatus}
               </div>
 
-              {!isDraggingAnnotation &&
-                !window.matchMedia('(any-hover: none)').matches &&
-                'hover' === tooltips.appearanceType && (
-                  <ReactTooltip
-                    id={`tooltip__${tooltipId}`}
-                    float={true}
-                    className={`tooltip tooltip-test`}
-                    style={{ background: `rgba(255,255,255, ${config.tooltips.opacity / 100})`, color: 'black' }}
-                  />
-                )}
+              {!isDraggingAnnotation && 'hover' === tooltips.appearanceType && (
+                <ReactTooltip
+                  id={`tooltip__${tooltipId}`}
+                  float={true}
+                  className={`tooltip tooltip-test`}
+                  style={{ background: `rgba(255,255,255, ${config.tooltips.opacity / 100})`, color: 'black' }}
+                />
+              )}
               <div
                 ref={tooltipRef}
                 id={`tooltip__${tooltipId}-canvas`}

packages/map/src/hooks/useGeoClickHandler.ts

@@ -31,7 +31,7 @@ const useGeoClickHandler = () => {
     }
 
     // If modals are set, or we are on a mobile viewport, display modal
-    if (window.matchMedia('(any-hover: none)').matches || 'click' === state.tooltips.appearanceType) {
+    if ('click' === state.tooltips.appearanceType) {
       const modalData = {
         geoName: geoDisplayName,
         keyedData: geoData