diff --git a/src/features/MatchCard/CardFrontside/index.tsx b/src/features/MatchCard/CardFrontside/index.tsx index 34fdcf68..443f579a 100644 --- a/src/features/MatchCard/CardFrontside/index.tsx +++ b/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 ( {date} - + {unixTimeOfMatch > getUnixTime(new Date()) && (!hasVideo || !storage) + ? ( + + ) + : null} )} diff --git a/src/features/Matches/helpers/prepareMatches.tsx b/src/features/Matches/helpers/prepareMatches.tsx index bd169be8..5a6f088a 100644 --- a/src/features/Matches/helpers/prepareMatches.tsx +++ b/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) => map(