diff --git a/src/features/MatchSidePlaylists/components/MatchPlaylists/index.tsx b/src/features/MatchSidePlaylists/components/MatchPlaylists/index.tsx index fdbdd576..dc61af43 100644 --- a/src/features/MatchSidePlaylists/components/MatchPlaylists/index.tsx +++ b/src/features/MatchSidePlaylists/components/MatchPlaylists/index.tsx @@ -4,6 +4,8 @@ import map from 'lodash/map' import { isMobileDevice } from 'config/userAgent' import type { MatchPlaylistOptions, PlaylistOption } from 'features/MatchPage/types' +import type { MatchInfo } from 'requests' +import { FULL_GAME_KEY } from 'features/MatchPage/helpers/buildPlaylists' import { T9n } from 'features/T9n' import { isEqual } from 'features/MatchSidePlaylists/helpers' @@ -13,6 +15,7 @@ import { PlayButton } from '../PlayButton' type Props = { onSelect?: (selectedMathPlaylist: PlaylistOption) => void, playlists: MatchPlaylistOptions, + profile: MatchInfo, selectedMathPlaylist?: PlaylistOption, } @@ -33,6 +36,7 @@ const Item = styled.li` export const MatchPlaylists = ({ onSelect, playlists, + profile, selectedMathPlaylist, }: Props) => ( @@ -42,6 +46,7 @@ export const MatchPlaylists = ({ onSelect?.(playlist)} > diff --git a/src/features/MatchSidePlaylists/components/PlayButton/index.tsx b/src/features/MatchSidePlaylists/components/PlayButton/index.tsx index a1326149..bf374c36 100644 --- a/src/features/MatchSidePlaylists/components/PlayButton/index.tsx +++ b/src/features/MatchSidePlaylists/components/PlayButton/index.tsx @@ -9,6 +9,7 @@ import { Button, Title } from '../../styled' type Props = { active?: boolean, children: ReactNode, + disabled?: boolean, duration?: number, leftContent?: ReactNode, onClick: () => void, @@ -22,6 +23,7 @@ const Duration = styled(Title)` export const PlayButton = ({ active, children, + disabled, duration, leftContent, onClick, @@ -29,6 +31,7 @@ export const PlayButton = ({