33 lines
838 B
TypeScript
33 lines
838 B
TypeScript
|
import { IGenre, IPlaylist } from "../models/IModels";
|
|||
|
import { getPlaylistsByGenre } from "../scripts/scripts";
|
|||
|
import { PlaylistsBlock } from "./PlaylistsBlock";
|
|||
|
|
|||
|
export function FullPlaylistBlock({playlists}: {playlists: IPlaylist[]}, {genres}: {genres: IGenre[]}) {
|
|||
|
|
|||
|
let genres_list: string[] = [];
|
|||
|
|
|||
|
let list_of_playlist_list = [];
|
|||
|
|
|||
|
{for (let genre of genres) {
|
|||
|
genres_list.push(genre.name);
|
|||
|
}
|
|||
|
|
|||
|
for (let genre of genres) {
|
|||
|
list_of_playlist_list.push(getPlaylistsByGenre(genre.name, playlists));
|
|||
|
}
|
|||
|
|
|||
|
const result = [];
|
|||
|
for (let list of list_of_playlist_list) {
|
|||
|
result.push(
|
|||
|
<PlaylistsBlock playlists={list}/>
|
|||
|
)
|
|||
|
}
|
|||
|
|
|||
|
return (
|
|||
|
<div className="container">
|
|||
|
<h5>Плейлисты</h5>
|
|||
|
{result}
|
|||
|
</div>
|
|||
|
)
|
|||
|
}
|
|||
|
}
|