Ott 723 match date fix (#276)

src/features/MatchCard/CardFrontside/index.tsx

@@ -7,6 +7,7 @@ import { SportName } from 'features/Common'
 import { useMatchSwitchesStore } from 'features/MatchSwitches'
 import { useName } from 'features/Name'
 
+import { getUnixTime } from 'date-fns'
 import { NoAccessMessage } from '../NoAccessMessage'
 import {
   CardWrapper,
@@ -37,12 +38,15 @@ export const CardFrontside = ({
     accessibleBySubscription,
     accessibleInUsersCountry,
     date,
+    hasVideo,
     preview,
     sportType,
+    storage,
     team1,
     team2,
     time,
     tournament,
+    unformattedDate,
   },
   onClick,
   onKeyPress,
@@ -50,6 +54,7 @@ export const CardFrontside = ({
 }: Props) => {
   const tournamentName = useName(tournament)
   const { isScoreHidden } = useMatchSwitchesStore()
+  const unixTimeOfMatch = getUnixTime(new Date(unformattedDate))
 
   return (
     <CardWrapper
@@ -91,9 +96,13 @@ export const CardFrontside = ({
           : (
             <MatchDate>
               {date}
-              <Time>
+              {unixTimeOfMatch > getUnixTime(new Date()) && (!hasVideo || !storage)
-                {time}
+                ? (
-              </Time>
+                  <Time>
+                    {time}
+                  </Time>
+                )
+                : null}
             </MatchDate>
           )}
       </PreviewWrapper>

src/features/Matches/helpers/prepareMatches.tsx

@@ -32,10 +32,12 @@ const prepareMatch = ({
   preview,
   sportName: getSportLexic(sport),
   sportType: sport,
+  storage,
   team1,
   team2,
   time: format(new Date(date), 'HH:mm'),
   tournament,
+  unformattedDate: date,
 })
 
 export const prepareMatches = (matches: Array<Match>) => map(