fix(#1701): dont show duration time in playbutton for live match

src/features/MatchSidePlaylists/components/MatchPlaylists/index.tsx

@@ -16,6 +16,7 @@ import { T9n } from 'features/T9n'
 import { PlayButton } from '../PlayButton'
 
 type Props = {
+  live?: boolean,
   onSelect?: (selectedMathPlaylist: PlaylistOption) => void,
   playlists: MatchPlaylistOptions,
   selectedMathPlaylist?: PlaylistOption,
@@ -36,6 +37,7 @@ const Item = styled.li`
 `
 
 export const MatchPlaylists = ({
+  live,
   onSelect,
   playlists,
   selectedMathPlaylist,

src/features/MatchSidePlaylists/components/PlayButton/index.tsx

@@ -14,6 +14,7 @@ type Props = {
   disabled?: boolean,
   duration?: number,
   leftContent?: ReactNode,
+  live?: boolean,
   onClick: () => void,
 }
 
@@ -28,6 +29,7 @@ export const PlayButton = ({
   disabled,
   duration,
   leftContent,
+  live,
   onClick,
 }: Props) => (
   <Button
@@ -39,6 +41,6 @@ export const PlayButton = ({
     <Title>
       {children}
     </Title>
-    {!isUndefined(duration) && <Duration>{secondsToHms(duration)}</Duration>}
+    {!isUndefined(duration) && !live && <Duration>{secondsToHms(duration)}</Duration>}
   </Button>
 )

src/features/MatchSidePlaylists/components/TabWatch/index.tsx

@@ -29,6 +29,7 @@ export const TabWatch = ({
       playlists={playlists.match}
       selectedMathPlaylist={selectedPlaylist}
       onSelect={onSelect}
+      live={profile?.live}
     />
     <DropdownSection
       itemsCount={size(playlists.interview)}