From dc73d9157a9f0cb486d9903f3203f4b49718b6d6 Mon Sep 17 00:00:00 2001
From: Andrei Dekterev <avdekterev@gmail.com>
Date: Thu, 3 Nov 2022 15:01:47 +0300
Subject: [PATCH] style(#122): fix event btn

---
 .../MatchSidePlaylists/components/EventButton/index.tsx     | 2 +-
 .../MatchSidePlaylists/components/TabEvents/styled.tsx      | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/features/MatchSidePlaylists/components/EventButton/index.tsx b/src/features/MatchSidePlaylists/components/EventButton/index.tsx
index e44b4796..88791171 100644
--- a/src/features/MatchSidePlaylists/components/EventButton/index.tsx
+++ b/src/features/MatchSidePlaylists/components/EventButton/index.tsx
@@ -55,7 +55,7 @@ export const EventButton = ({
   return (
     <Button
       onClick={onClick}
-      active={active}
+      active={!!active}
       disabled={disabled}
       isHomeTeam={isHomeTeam}
       like={event.like}
diff --git a/src/features/MatchSidePlaylists/components/TabEvents/styled.tsx b/src/features/MatchSidePlaylists/components/TabEvents/styled.tsx
index b850e4b7..69b0f102 100644
--- a/src/features/MatchSidePlaylists/components/TabEvents/styled.tsx
+++ b/src/features/MatchSidePlaylists/components/TabEvents/styled.tsx
@@ -198,14 +198,16 @@ export const BlockTitle = styled(BlockTitleBase)`
 `
 
 type ButtonProps = {
+  active: boolean,
   isHomeTeam: boolean,
   like?: boolean,
 }
 
 export const Button = styled(ButtonBase) <ButtonProps>`
-  ${({ like }) => (
-    like ? css`
+  ${({ active, like }) => (
+    like && !active ? css`
       background: url(/images/event-like-bg.png);
+      background-size: cover;
     ` : ''
   )}