style(#122): fix event btn

keep-around/9d11a525a1ee745f785976389c40d7a0601133e1
Andrei Dekterev 3 years ago
parent bfdf684287
commit dc73d9157a
  1. 2
      src/features/MatchSidePlaylists/components/EventButton/index.tsx
  2. 6
      src/features/MatchSidePlaylists/components/TabEvents/styled.tsx

@ -55,7 +55,7 @@ export const EventButton = ({
return ( return (
<Button <Button
onClick={onClick} onClick={onClick}
active={active} active={!!active}
disabled={disabled} disabled={disabled}
isHomeTeam={isHomeTeam} isHomeTeam={isHomeTeam}
like={event.like} like={event.like}

@ -198,14 +198,16 @@ export const BlockTitle = styled(BlockTitleBase)`
` `
type ButtonProps = { type ButtonProps = {
active: boolean,
isHomeTeam: boolean, isHomeTeam: boolean,
like?: boolean, like?: boolean,
} }
export const Button = styled(ButtonBase) <ButtonProps>` export const Button = styled(ButtonBase) <ButtonProps>`
${({ like }) => ( ${({ active, like }) => (
like ? css` like && !active ? css`
background: url(/images/event-like-bg.png); background: url(/images/event-like-bg.png);
background-size: cover;
` : '' ` : ''
)} )}

Loading…
Cancel
Save