fix(565): hidden matches filter in matches page (#222)

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,10 +14,12 @@ import {
   IconFavWrapper,
 } from './styled'
 
-export const HeaderMobile = () => (
+export const HeaderMobile = () => {
+  const isMatchPage = useRouteMatch(`/:sportName${PAGES.match}`)
+  return (
     <HeaderMobileWrapper>
       <ScoreSwitch />
-    <AvailableMatchesSwitch />
+      {!isMatchPage && <AvailableMatchesSwitch />}
       <Link to={PAGES.home}>
         <Logo width={52} height={12} />
       </Link>
@@ -28,3 +30,4 @@ export const HeaderMobile = () => (
       </HeaderIconsWrapper>
     </HeaderMobileWrapper>
   )
+}

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 = () => {
 
           <HeaderGroup>
             <ScoreSwitch />
-            <AvailableMatchesSwitch />
+            {!isMatchPage && <AvailableMatchesSwitch />}
             <MenuWrapper>
               <Menu />
             </MenuWrapper>