diff --git a/src/features/MatchSidePlaylists/components/MatchPlaylists/index.tsx b/src/features/MatchSidePlaylists/components/MatchPlaylists/index.tsx index 5abffedb..e0e49fb9 100644 --- a/src/features/MatchSidePlaylists/components/MatchPlaylists/index.tsx +++ b/src/features/MatchSidePlaylists/components/MatchPlaylists/index.tsx @@ -42,12 +42,12 @@ export const MatchPlaylists = ({ playlists, selectedMathPlaylist, }: Props) => { - // console.log('🚀 ~ file: index.tsx ~ line 45 ~ live', live) - // console.log('🚀 ~ file: index.tsx ~ line 45 ~ playlists', playlists) const filteredPlayListByDuration = useMemo(() => ( - filter(playlists, (playlist) => (live - ? !!playlist.duration || (playlist.id === 'full_game') - : !!playlist.duration)) + filter(playlists, (playlist) => ( + live + ? Boolean(playlist.duration) || (playlist.id === 'full_game') + : Boolean(playlist.duration) + )) ), [playlists, live]) return ( diff --git a/src/features/MatchSidePlaylists/components/PlayButton/index.tsx b/src/features/MatchSidePlaylists/components/PlayButton/index.tsx index 44ce37d9..63aa298c 100644 --- a/src/features/MatchSidePlaylists/components/PlayButton/index.tsx +++ b/src/features/MatchSidePlaylists/components/PlayButton/index.tsx @@ -31,10 +31,10 @@ const Duration = styled(Title)` export const LiveBtn = styled(LiveBtnBase)` margin-left: 10px; - background-color: ${({ isActive }) => (isActive - ? 'transparent' - : '#CC0000') -}; + background-color: ${({ isActive }) => ( + isActive + ? 'transparent' + : '#CC0000')}; ` export const PlayButton = ({