|
|
|
|
@ -38,12 +38,17 @@ const StyledName = styled(Name)` |
|
|
|
|
|
|
|
|
|
type Props = { |
|
|
|
|
isIcon?: boolean, |
|
|
|
|
prefix?: string, |
|
|
|
|
tournament: Tournament, |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
export const TournamentInfo = ({ isIcon, tournament }: Props) => ( |
|
|
|
|
export const TournamentInfo = ({ |
|
|
|
|
isIcon, |
|
|
|
|
prefix, |
|
|
|
|
tournament, |
|
|
|
|
}: Props) => ( |
|
|
|
|
<Wrapper> |
|
|
|
|
<StyledName nameObj={tournament} className='title' /> |
|
|
|
|
<StyledName nameObj={tournament} className='title' prefix={prefix} /> |
|
|
|
|
<ItemInfo> |
|
|
|
|
{isIcon && <SportIcon sport={tournament.sport} />} |
|
|
|
|
<Flag src={`https://instatscout.com/images/flags/48/${tournament.country.id}.png`} /> |
|
|
|
|
|