From bc1ef49c401298506cdda769c1ef71b3b81c286e Mon Sep 17 00:00:00 2001
From: Mirlan <m.maksitaliev@gmail.com>
Date: Tue, 17 Nov 2020 14:56:08 +0600
Subject: [PATCH] fix(565): hidden matches filter in matches page (#222)

---
 src/features/HeaderMobile/index.tsx  | 33 +++++++++++++++-------------
 src/features/ProfileHeader/index.tsx |  6 +++--
 2 files changed, 22 insertions(+), 17 deletions(-)

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 = () => (
-  <HeaderMobileWrapper>
-    <ScoreSwitch />
-    <AvailableMatchesSwitch />
-    <Link to={PAGES.home}>
-      <Logo width={52} height={12} />
-    </Link>
-    <HeaderIconsWrapper>
-      <IconFavWrapper />
-      <Search />
-      <Menu />
-    </HeaderIconsWrapper>
-  </HeaderMobileWrapper>
-)
+export const HeaderMobile = () => {
+  const isMatchPage = useRouteMatch(`/:sportName${PAGES.match}`)
+  return (
+    <HeaderMobileWrapper>
+      <ScoreSwitch />
+      {!isMatchPage && <AvailableMatchesSwitch />}
+      <Link to={PAGES.home}>
+        <Logo width={52} height={12} />
+      </Link>
+      <HeaderIconsWrapper>
+        <IconFavWrapper />
+        <Search />
+        <Menu />
+      </HeaderIconsWrapper>
+    </HeaderMobileWrapper>
+  )
+}
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 = () => {
 
           <HeaderGroup>
             <ScoreSwitch />
-            <AvailableMatchesSwitch />
+            {!isMatchPage && <AvailableMatchesSwitch />}
             <MenuWrapper>
               <Menu />
             </MenuWrapper>