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.
 
 
 
 
spa_instat_tv/src/features/HomePage/components/Header/index.tsx

39 lines
859 B

import { Link } from 'react-router-dom'
import { PAGES } from 'config/pages'
import { client } from 'config/clients'
import { Menu } from 'features/Menu'
import { ScoreSwitch } from 'features/MatchSwitches'
import { Search } from 'features/Search'
import { DateFilter } from 'features/HeaderFilters'
import {
HeaderStyled,
HeaderGroup,
HeaderLogo,
Position,
} from 'features/ProfileHeader/styled'
export const Header = () => (
<HeaderStyled>
<Position
top={client.styles.logoTop}
left={client.styles.logoLeft}
>
<HeaderGroup>
<Link to={PAGES.home}>
<HeaderLogo />
</Link>
<Search />
</HeaderGroup>
</Position>
<DateFilter />
<Position right={0.71}>
<HeaderGroup>
<ScoreSwitch />
<Menu />
</HeaderGroup>
</Position>
</HeaderStyled>
)