From 65cdb73ec512abe31ad415f9e8f49717fee2216c Mon Sep 17 00:00:00 2001
From: Rita <margarita.polyakova@instatsport.com>
Date: Wed, 16 Nov 2022 01:37:33 +0400
Subject: [PATCH] feat(in-182): match videofix

---
 .../MatchPage/store/hooks/useMatchPlaylists.tsx      | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/features/MatchPage/store/hooks/useMatchPlaylists.tsx b/src/features/MatchPage/store/hooks/useMatchPlaylists.tsx
index a720f362..36bfefe6 100644
--- a/src/features/MatchPage/store/hooks/useMatchPlaylists.tsx
+++ b/src/features/MatchPage/store/hooks/useMatchPlaylists.tsx
@@ -1,6 +1,7 @@
 import {
   useState,
   useCallback,
+  useEffect,
 } from 'react'
 
 import isEmpty from 'lodash/isEmpty'
@@ -10,6 +11,8 @@ import type { SportTypes } from 'config/sportTypes'
 import { MatchInfo } from 'requests/getMatchInfo'
 import { getMatchPlaylists } from 'requests/getMatchPlaylists'
 
+import { usePageParams } from 'hooks/usePageParams'
+
 import type { Playlists } from 'features/MatchPage/types'
 import { buildPlaylists } from 'features/MatchPage/helpers/buildPlaylists'
 
@@ -28,6 +31,7 @@ export const useMatchPlaylists = (profile: MatchInfo) => {
   const [matchPlaylists, setMatchPlaylists] = useState<Playlists>(initialPlaylists)
 
   const { fetchLexics } = usePlaylistLexics()
+  const { profileId } = usePageParams()
   const {
     handlePlaylistClick,
     selectedPlaylist,
@@ -60,6 +64,14 @@ export const useMatchPlaylists = (profile: MatchInfo) => {
       .then(setMatchPlaylists)
   }, [fetchLexics, setInitialSeletedPlaylist])
 
+  useEffect(() => {
+    setSelectedPlaylist(matchPlaylists?.match[0])
+  }, [
+    matchPlaylists?.match,
+    profileId,
+    setSelectedPlaylist,
+  ])
+
   /**
    * API не выдает длительность Полного матча
    * Здесь получаем его из самого видео