diff --git a/src/features/HeaderMobile/index.tsx b/src/features/HeaderMobile/index.tsx index 82431529..84fb5f7f 100644 --- a/src/features/HeaderMobile/index.tsx +++ b/src/features/HeaderMobile/index.tsx @@ -1,5 +1,5 @@ import React from 'react' -import { Link } from 'react-router-dom' +import { Link, useRouteMatch } from 'react-router-dom' import { PAGES } from 'config' @@ -14,17 +14,20 @@ import { IconFavWrapper, } from './styled' -export const HeaderMobile = () => ( - - - - - - - - - - - - -) +export const HeaderMobile = () => { + const isMatchPage = useRouteMatch(`/:sportName${PAGES.match}`) + return ( + + + {!isMatchPage && } + + + + + + + + + + ) +} diff --git a/src/features/ProfileHeader/index.tsx b/src/features/ProfileHeader/index.tsx index 945a721b..89e6368b 100644 --- a/src/features/ProfileHeader/index.tsx +++ b/src/features/ProfileHeader/index.tsx @@ -1,6 +1,7 @@ import React from 'react' +import { useRouteMatch } from 'react-router-dom' -import { devices } from 'config' +import { devices, PAGES } from 'config' import { Menu } from 'features/Menu' import { LanguageSelect } from 'features/LanguageSelect' @@ -18,6 +19,7 @@ import { export const ProfileHeader = () => { const isMobile = useMediaQuery({ query: devices.tablet }) + const isMatchPage = useRouteMatch(`/:sportName${PAGES.match}`) return ( isMobile @@ -32,7 +34,7 @@ export const ProfileHeader = () => { - + {!isMatchPage && }