fix(fix bugs with quality video): fix bugs with quality video and icon kind of sports

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" */
-      var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+      _paq.push(['trackPageView']);
-      g.async=true; g.src='https://matomo.instat.tv/js/container_g9SlNJe0.js'; s.parentNode.insertBefore(g,s);
+      _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=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,21 +52,23 @@ export const SportIcon = ({
   sport,
 }: Props) => {
   const sportType = getSportLexic(sport)
-  const IconSport = sportIcons[sportType].icon
+  const IconSport = sportIcons[sportType]?.icon
 
   return (
     <IconWrap>
-      <Icon
+      {IconSport && (
-        refIcon={IconSport}
+        <Icon
-        color={fill || sportIcons[sportType].color}
+          refIcon={IconSport}
-        size={size}
+          color={fill || sportIcons[sportType]?.color}
-        styles={{
+          size={size}
-          alignItems: 'center',
+          styles={{
-          display: 'flex',
+            alignItems: 'center',
-          // height: '100%', // пока не удалять
+            display: 'flex',
-          justifyContent: 'center',
+            // height: '100%', // пока не удалять
-        }}
+            justifyContent: 'center',
-      />
+          }}
+        />
+      )}
     </IconWrap>
   )
 }

src/features/StreamPlayer/hooks/useVideoQuality.tsx

@@ -43,7 +43,7 @@ const getVideoQualities = (levels: Array<Level>) => {
     Number,
     'desc',
   )
-  return uniqBy([...sorted, autoQuality], 'label')
+  return uniqBy([...sorted], 'label')
 }
 
 export const useVideoQuality = (hls: Hls | null) => {
@@ -73,15 +73,13 @@ export const useVideoQuality = (hls: Hls | null) => {
 
     const listener = () => {
       const qualities = getVideoQualities(hls.levels)
-      const quality = find(qualities, { label: selectedQuality }) || autoQuality
+      const quality = find(qualities, { label: selectedQuality }) || qualities[0]
-
       // eslint-disable-next-line no-param-reassign
       hls.currentLevel = quality.level
       setSelectedQuality(quality.label)
       setVideoQualities(qualities)
     }
     hls.on(Hls.Events.MANIFEST_PARSED, listener)
-
     return () => {
       hls.off(Hls.Events.MANIFEST_PARSED, listener)
     }