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.
37 lines
1.0 KiB
37 lines
1.0 KiB
import { usePageLogger } from 'hooks/usePageLogger'
|
|
|
|
import { ProfileHeader } from 'features/ProfileHeader'
|
|
import { UserFavorites } from 'features/UserFavorites'
|
|
import {
|
|
PageWrapper,
|
|
Main,
|
|
} from 'features/PageLayout'
|
|
|
|
import { MatchProfileCard } from './components/MatchProfileCard'
|
|
import { FinishedMatch } from './components/FinishedMatch'
|
|
import { LiveMatch } from './components/LiveMatch'
|
|
import { useMatchProfile } from './hooks/useMatchProfile'
|
|
import { Wrapper } from './styled'
|
|
|
|
const MatchPage = () => {
|
|
usePageLogger()
|
|
const profile = useMatchProfile()
|
|
const hasVideo = profile?.has_video
|
|
|
|
return (
|
|
<PageWrapper>
|
|
<ProfileHeader color='rgb(0,0,0)' height={4.5}>
|
|
<MatchProfileCard profile={profile} />
|
|
</ProfileHeader>
|
|
<Main>
|
|
<UserFavorites />
|
|
<Wrapper>
|
|
{(!hasVideo && profile) && <LiveMatch />}
|
|
{(hasVideo && profile) && <FinishedMatch profile={profile} />}
|
|
</Wrapper>
|
|
</Main>
|
|
</PageWrapper>
|
|
)
|
|
}
|
|
|
|
export default MatchPage
|
|
|