|
|
@@ -0,0 +1,21 @@
|
|
|
+import { connect } from "react-redux";
|
|
|
+import { PlaylistsAll } from "../components/Playlist";
|
|
|
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
|
|
|
+import {faCompactDisc} from "@fortawesome/free-solid-svg-icons";
|
|
|
+
|
|
|
+
|
|
|
+export const AllPlaylistsPage = () => {
|
|
|
+ return(
|
|
|
+ <>
|
|
|
+ <div className="d-flex justify-content-between align-items-center py-3">
|
|
|
+ <h3 className="text-uppercase"> <FontAwesomeIcon icon={faCompactDisc} className="me-2"/>Playlists</h3>
|
|
|
+ </div>
|
|
|
+ <CAllPlaylists/>
|
|
|
+ </>
|
|
|
+ )
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+export const CAllPlaylists = connect(state => ({playlists: state.promise.allPlaylists?.payload?.playlists?.data || []}), )(PlaylistsAll);
|
