refactor

src/actions/no-playlist-track-actions.js

@@ -1,9 +1,8 @@
 import {actionPromise} from "../reducers";
-import {backURL, gql} from "./gql-queries-backurl";
-import {call, put, select, takeEvery} from "redux-saga/effects";
+import {backURL} from "./gql-queries-backurl";
+import {call, put, takeEvery} from "redux-saga/effects";
 import {promiseWorker} from "../reducers/promiseReducer";
 import {actionAboutMe} from "./about-me-actions";
-import {actionSetTrackToPlaylist, actionUploadTrackToPlaylist} from "./my-playlist-tracks-actions";
 import {actionFindMyTracks} from "./find-actions";
 
 export const actionUploadTrack = (array) => {
@@ -28,7 +27,7 @@ export const actionFullUploadTrack = (array=[]) =>
 
 export function* fullUploadTrackWorker (action) {
     const {array} = action
-    console.log(array,'privet')
+    // console.log(array,'privet')
     if (array) {
     for (let i = 0; i < array.length; i++) {
         yield call(promiseWorker,actionUploadTrack(array[i]));

src/pages/my-tracks/no-playlist-mytracks.js

@@ -11,14 +11,11 @@ import {SortableContainer, SortableElement} from "react-sortable-hoc";
 
 const SortableItem = SortableElement(CTrack);
 
-const MyTracks = ({children}) => {
-
-    return(
+const MyTracks = ({children}) =>
         <div>
             {children}
         </div>
-    )
-}
+
 
 const SortableList = SortableContainer(MyTracks)
 // export const CMyTracks = connect(state => ({tracks: state.promise.findMyTracks1?.payload || []}))(MyTracks)

src/pages/tools/playlistdropzone.js

@@ -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 (