Ott 336 hide not used player controls (#109)

src/features/Matches/hooks.tsx

@@ -7,8 +7,8 @@ import fpMap from 'lodash/fp/map'
 import fpOrderBy from 'lodash/fp/orderBy'
 
 import type { Matches, Content } from 'requests'
-import { SPORT_NAMES } from 'config'
-import { getProfileLogo } from 'helpers'
+import { ProfileTypes } from 'config'
+import { getProfileLogo, getSportLexic } from 'helpers'
 import { useLexicsStore } from 'features/LexicsStore'
 
 export type Props = {
@@ -48,19 +48,19 @@ const prepareMatches = (content: Array<Content>, suffix: string) => pipe(
     date,
     id,
     preview: '/images/preview.png',
-    sportName: SPORT_NAMES[sport],
+    sportName: getSportLexic(sport),
     sportType: sport,
     streamStatus: stream_status,
     team1Logo: getProfileLogo({
       id: team1.id,
-      profileType: 2,
+      profileType: ProfileTypes.TEAMS,
       sportType: sport,
     }),
     team1Name: team1[`name_${suffix}` as Name],
     team1Score: team1.score,
     team2Logo: getProfileLogo({
       id: team2.id,
-      profileType: 2,
+      profileType: ProfileTypes.TEAMS,
       sportType: sport,
     }),
     team2Name: team2[`name_${suffix}` as Name],

src/features/VideoPlayer/index.tsx

@@ -8,11 +8,8 @@ import {
   PlayerWrapper,
   ReactPlayer,
   Controls,
-  Prev,
-  Next,
   PlayStop,
   Fullscreen,
-  Settings,
 } from './styled'
 
 type Props = {
@@ -64,9 +61,7 @@ export const VideoPlayer = ({ url }: Props) => {
         onReady={startPlaying}
       />
       <Controls>
-        <Prev />
         <PlayStop onClick={togglePlaying} playing={playing} />
-        <Next />
         <VolumeBar
           value={volumeInPercent}
           muted={muted}
@@ -80,7 +75,6 @@ export const VideoPlayer = ({ url }: Props) => {
           loadedProgress={loadedProgress}
         />
         <Fullscreen onClick={onFullscreenClick} isFullscreen={isFullscreen} />
-        <Settings />
       </Controls>
     </PlayerWrapper>
   )

src/features/VideoPlayer/styled.tsx

@@ -91,7 +91,6 @@ export const Fullscreen = styled(ButtonBase)<FullscreenProps>`
   width: 22px;
   height: 20px;
   margin-left: 31px;
-  margin-right: 23px;
   background-image: ${({ isFullscreen }) => (
     isFullscreen
       ? 'url(/images/player-fullscreen-off.svg)'

src/requests/getMatches.tsx

@@ -30,7 +30,7 @@ export type Content = {
   matches: Array<Match>,
   name_eng: string,
   name_rus: string,
-  sport: 1 | 2 | 3,
+  sport: SportTypes,
 }
 
 export type Match = {