You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
803 B
28 lines
803 B
import { MatchInfo } from 'requests'
|
|
import { TournamentSubtitle } from 'features/TournamentSubtitle'
|
|
|
|
import { Wrapper, WrapperTop } from './styled'
|
|
|
|
import { TeamsDetails } from './components/TeamsDetails'
|
|
import { MatchDate } from './components/MatchDate'
|
|
import { useMatchPageStore } from '../../store'
|
|
|
|
type Props = {
|
|
profile: MatchInfo,
|
|
}
|
|
|
|
export const MatchProfileCardMobile = ({ profile }: Props) => {
|
|
const { profileCardShown } = useMatchPageStore()
|
|
|
|
if (!profile) return null
|
|
|
|
return (
|
|
<Wrapper isHidden={!profileCardShown}>
|
|
<WrapperTop>
|
|
<TeamsDetails profile={profile} teamNameLimit={14} />
|
|
<MatchDate profile={profile} />
|
|
</WrapperTop>
|
|
<TournamentSubtitle countryId={profile!.country_id} tournament={profile!.tournament} />
|
|
</Wrapper>
|
|
)
|
|
}
|
|
|