fix(#2638): remove scroe from header and move datepicker

src/features/HeaderFilters/components/DateFilter/styled.tsx

@@ -73,11 +73,10 @@ type DateButtonProps = {
 export const DateButton = styled(BaseButton)<DateButtonProps>`
   position: absolute;
   top: 0.2rem;
-  right: 3.6rem;
+  right: 4.6rem;
   width: 1.3rem;
   height: 1.26rem;
   color: ${({ theme: { colors } }) => colors.dateButton};
-  margin-left: 10px;
 
   ${isMobileDevice
     ? css`

src/features/HeaderFilters/components/DatePicker/styled.tsx

@@ -6,7 +6,7 @@ import { BaseButton } from '../DateFilter/styled'
 export const Wrapper = styled.div`
   position: absolute;
   top: 3.5rem;
-  right: 11rem;
+  right: 12rem;
   z-index: 10;
   ${isMobileDevice
     ? css`

src/features/MatchPage/components/FinishedMatch/index.tsx

@@ -10,8 +10,6 @@ import type { MatchInfo } from 'requests/getMatchInfo'
 import { MatchSidePlaylists } from 'features/MatchSidePlaylists'
 import { MultiSourcePlayer } from 'features/MultiSourcePlayer'
 
-import { isMobileDevice } from 'config/userAgent'
-
 import { SettingsPopup } from '../SettingsPopup'
 
 import { useFinishedMatch } from './hooks'

src/features/MatchPage/components/LiveMatch/index.tsx

@@ -17,14 +17,10 @@ import { MatchDescription } from '../MatchDescription'
 import { MatchProfileCardMobile } from '../MatchProfileCardMobile'
 
 type Props = {
-  // events: Events,
-  // profile: MatchInfo,
   tournamentData: TournamentData,
 }
 
 export const LiveMatch = ({
-  // events,
-  // profile,
   tournamentData,
 }: Props) => {
   const {

src/features/MatchPage/index.tsx

@@ -11,7 +11,6 @@ import {
 
 import { FavoritesActions } from 'requests'
 
-import { isMobileDevice } from 'config/userAgent'
 import { ProfileTypes } from 'config'
 
 import { usePageLogger } from 'hooks/usePageLogger'
@@ -19,7 +18,6 @@ import { usePageParams } from 'hooks/usePageParams'
 import { MatchPageStore } from './store'
 
 import { SubscriptionGuard } from './components/SubscriptionGuard'
-import { MatchProfileCard } from './components/MatchProfileCard'
 import { LiveMatch } from './components/LiveMatch'
 import { useMatchProfile } from './hooks/useMatchProfile'
 import { Wrapper } from './styled'
@@ -73,9 +71,7 @@ const MatchPageComponent = () => {
 
   return (
     <PageWrapper>
-      <ProfileHeader color='#2B2A28' height={4.5}>
-        {isMobileDevice ? null : <MatchProfileCard profile={profile} />}
-      </ProfileHeader>
+      <ProfileHeader color='#2B2A28' height={4.5} />
       <Main>
         <UserFavorites />
         <SubscriptionGuard>

src/features/MultiSourcePlayer/hooks/index.tsx

@@ -16,8 +16,6 @@ import { useEventListener, useObjectState } from 'hooks'
 
 import { MatchInfo } from 'requests'
 
-import { MatchInfo } from 'requests'
-
 import { useProgressChangeHandler } from './useProgressChangeHandler'
 import { usePlayingHandlers } from './usePlayingHandlers'
 import { useVideoQuality } from './useVideoQuality'