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"
>
-
+
-
+
<% } %>
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 (
-
+ {IconSport && (
+
+ )}
)
}
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) => {
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)
}