From ad94da060f510f6335f734767a3468703e372a0a Mon Sep 17 00:00:00 2001
From: Andrei Dekterev <avdekterev@gmail.com>
Date: Wed, 14 Dec 2022 11:20:51 +0300
Subject: [PATCH] fix(fix bugs with quality video): fix bugs with quality video
 and icon kind of sports

---
 public/index.html                             | 19 +++++++++-----
 src/components/SportIcon/SportIcon.tsx        | 26 ++++++++++---------
 .../StreamPlayer/hooks/useVideoQuality.tsx    |  6 ++---
 3 files changed, 29 insertions(+), 22 deletions(-)

diff --git a/public/index.html b/public/index.html
index f73b0ba2..f2343432 100644
--- a/public/index.html
+++ b/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 || [];
-      _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
-      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);
+      var _paq = window._paq = window._paq || [];
+      /* 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=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 -->
diff --git a/src/components/SportIcon/SportIcon.tsx b/src/components/SportIcon/SportIcon.tsx
index e28d1f7d..4a01f6fc 100644
--- a/src/components/SportIcon/SportIcon.tsx
+++ b/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
-        refIcon={IconSport}
-        color={fill || sportIcons[sportType].color}
-        size={size}
-        styles={{
-          alignItems: 'center',
-          display: 'flex',
-          // height: '100%', // пока не удалять
-          justifyContent: 'center',
-        }}
-      />
+      {IconSport && (
+        <Icon
+          refIcon={IconSport}
+          color={fill || sportIcons[sportType]?.color}
+          size={size}
+          styles={{
+            alignItems: 'center',
+            display: 'flex',
+            // height: '100%', // пока не удалять
+            justifyContent: 'center',
+          }}
+        />
+      )}
     </IconWrap>
   )
 }
diff --git a/src/features/StreamPlayer/hooks/useVideoQuality.tsx b/src/features/StreamPlayer/hooks/useVideoQuality.tsx
index 43b968c1..25d1924e 100644
--- a/src/features/StreamPlayer/hooks/useVideoQuality.tsx
+++ b/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)
     }