From 133bdd6423c3078cbec81967a0a253f118bcf131 Mon Sep 17 00:00:00 2001
From: Mirlan <m.maksitaliev@gmail.com>
Date: Tue, 14 Dec 2021 19:48:42 +0600
Subject: [PATCH] fix(2104): selected playlist reset

---
 .../MatchPopup/store/hooks/usePlayerClickHandler.tsx      | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/features/MatchPopup/store/hooks/usePlayerClickHandler.tsx b/src/features/MatchPopup/store/hooks/usePlayerClickHandler.tsx
index 0c161d35..9538a0f3 100644
--- a/src/features/MatchPopup/store/hooks/usePlayerClickHandler.tsx
+++ b/src/features/MatchPopup/store/hooks/usePlayerClickHandler.tsx
@@ -1,9 +1,11 @@
 import type { MouseEvent } from 'react'
-import { useState } from 'react'
+import { useState, useEffect } from 'react'
+import { useLocation } from 'react-router'
 
 import type { PlaylistOption } from 'features/MatchPage/types'
 
 export const usePlayerClickHandler = () => {
+  const { pathname } = useLocation()
   const [selectedPlaylist, setSelectedPlaylist] = useState<PlaylistOption>()
   const handlePlaylistClick = (playlist: PlaylistOption, e?: MouseEvent) => {
     e?.stopPropagation()
@@ -12,6 +14,10 @@ export const usePlayerClickHandler = () => {
     }
   }
 
+  useEffect(() => {
+    setSelectedPlaylist(undefined)
+  }, [pathname])
+
   return {
     handlePlaylistClick,
     selectedPlaylist,