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.
40 lines
911 B
40 lines
911 B
import React from 'react'
|
|
// import { useRouteMatch } from 'react-router-dom'
|
|
|
|
import { ToggleScore } from 'features/ToggleScore'
|
|
import { Logo } from 'features/Logo'
|
|
import { Menu } from 'features/Menu'
|
|
import { Search } from 'features/Search'
|
|
import {
|
|
DateFilter,
|
|
MatchStatusFilter,
|
|
} from 'features/HeaderFilters'
|
|
|
|
import {
|
|
HeaderMobileWrapper,
|
|
HeaderMobileTop,
|
|
HeaderMobileMidle,
|
|
HeaderMobileBottom,
|
|
HeaderIconsWrapper,
|
|
IconFavWrapper,
|
|
} from './styled'
|
|
|
|
export const HeaderMobile = () => (
|
|
<HeaderMobileWrapper>
|
|
<HeaderMobileTop>
|
|
<ToggleScore />
|
|
<Logo />
|
|
<HeaderIconsWrapper>
|
|
<IconFavWrapper />
|
|
<Search />
|
|
<Menu />
|
|
</HeaderIconsWrapper>
|
|
</HeaderMobileTop>
|
|
<HeaderMobileMidle>
|
|
<DateFilter />
|
|
</HeaderMobileMidle>
|
|
<HeaderMobileBottom>
|
|
<MatchStatusFilter />
|
|
</HeaderMobileBottom>
|
|
</HeaderMobileWrapper>
|
|
)
|
|
|