public/index.html

@@ -54,14 +54,21 @@
         id="ze-snippet"
         src="https://static.zdassets.com/ekr/snippet.js?key=2f84e9fe-830c-42bf-afa4-32c90d7c5f7b"
     ></script>
-    <!-- Matomo Tag Manager -->
+    <!-- Matomo -->
     <script>
-      var _mtm = window._mtm = window._mtm || [];
+      var _paq = window._paq = window._paq || [];
-      _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
+      /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+      _paq.push(['trackPageView']);
+      _paq.push(['enableLinkTracking']);
+      (function() {
+        var u="//matomo.insports.tv/";
+        _paq.push(['setTrackerUrl', u+'matomo.php']);
+        _paq.push(['setSiteId', '1']);
         var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-      g.async=true; g.src='https://matomo.instat.tv/js/container_g9SlNJe0.js'; s.parentNode.insertBefore(g,s);
+        g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+      })();
     </script>
-    <!-- End Matomo Tag Manager -->
+    <!-- End Matomo Code -->
     <% } %>
     <!-- End of tv-instat Zendesk Widget script -->
     <!-- Start of ChromeCast script -->

src/components/SportIcon/SportIcon.tsx

@@ -52,13 +52,14 @@ export const SportIcon = ({
   sport,
 }: Props) => {
   const sportType = getSportLexic(sport)
-  const IconSport = sportIcons[sportType].icon
+  const IconSport = sportIcons[sportType]?.icon
 
   return (
     <IconWrap>
+      {IconSport && (
         <Icon
           refIcon={IconSport}
-        color={fill || sportIcons[sportType].color}
+          color={fill || sportIcons[sportType]?.color}
           size={size}
           styles={{
             alignItems: 'center',
@@ -67,6 +68,7 @@ export const SportIcon = ({
             justifyContent: 'center',
           }}
         />
+      )}
     </IconWrap>
   )
 }