From 4df71019c45277bbb8089f881288fa31d2bb6346 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=A1=D0=B5=D1=80=D0=B3=D0=B5=D0=B9=20=D0=A8=D0=B8=D1=82?=
 =?UTF-8?q?=D0=B8=D0=BA=D0=BE=D0=B2?=
 <sergejsitikov@Sergejs-MacBook-Air.local>
Date: Fri, 30 Sep 2022 17:04:31 +0400
Subject: [PATCH] fix(ott-2790): fixed pr

---
 .../components/PlayButton/index.tsx                  | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/features/MatchSidePlaylists/components/PlayButton/index.tsx b/src/features/MatchSidePlaylists/components/PlayButton/index.tsx
index 3bc6436e..44ce37d9 100644
--- a/src/features/MatchSidePlaylists/components/PlayButton/index.tsx
+++ b/src/features/MatchSidePlaylists/components/PlayButton/index.tsx
@@ -20,13 +20,21 @@ type Props = {
   onClick: () => void,
 }
 
+type TLiveBtn = {
+  isActive?: boolean,
+}
+
 const Duration = styled(Title)`
   margin-left: 10px;
   font-weight: normal;
 `
 
-export const LiveBtn = styled(LiveBtnBase)`
+export const LiveBtn = styled(LiveBtnBase)<TLiveBtn>`
   margin-left: 10px;
+  background-color: ${({ isActive }) => (isActive
+    ? 'transparent'
+    : '#CC0000')
+};
 `
 
 export const PlayButton = ({
@@ -50,7 +58,7 @@ export const PlayButton = ({
     {!isUndefined(duration) && (
       (live && !duration)
         ? (
-          <LiveBtn>
+          <LiveBtn isActive={active}>
             <T9n t='live' />
           </LiveBtn>
         )