|
@@ -1,32 +1,9 @@
|
|
|
-import {useCallback, useRef, useState} from "react";
|
|
|
-import { actionPlaylistFindByOwner} from "../../actions";
|
|
|
+import {useCallback, useRef} from "react";
|
|
|
import {useDropzone} from "react-dropzone";
|
|
|
import {connect} from "react-redux";
|
|
|
import {actionFullUploadPlaylists} from "../../actions";
|
|
|
-import {actionUploadTrack} from "../../actions/no-playlist-track-actions";
|
|
|
-
|
|
|
-
|
|
|
-// function PlaylistDropZone({ onLoad, children }) {
|
|
|
-// const onDrop = useCallback((acceptedFiles) => {
|
|
|
-// // Do something with the files
|
|
|
-// onLoad(acceptedFiles);
|
|
|
-//
|
|
|
-// }, []);
|
|
|
-// const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop });
|
|
|
-//
|
|
|
-// return (
|
|
|
-// <div {...getRootProps()}>
|
|
|
-// <input {...getInputProps()} />
|
|
|
-// {isDragActive ? (
|
|
|
-// <p>Перетащите файл сюда ...</p>
|
|
|
-// ) : (
|
|
|
-// <p>Для добавления трэка перетащите файлы в плейлист</p>
|
|
|
-// )}
|
|
|
-// {children}
|
|
|
-// </div>
|
|
|
-// );
|
|
|
-//
|
|
|
-// }
|
|
|
+
|
|
|
+
|
|
|
|
|
|
function PlaylistDropZone({playlist={}, onLoad, children }) {
|
|
|
const files = useRef(playlist.tracks)
|
|
@@ -37,7 +14,8 @@ function PlaylistDropZone({playlist={}, onLoad, children }) {
|
|
|
])
|
|
|
onLoad(files.current);
|
|
|
|
|
|
- }, []);
|
|
|
+ }, [onLoad]);
|
|
|
+ // }, []);
|
|
|
const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop });
|
|
|
|
|
|
return (
|