mirror of
https://github.com/captbaritone/webamp.git
synced 2026-07-26 19:47:30 +00:00
Support loading multiple files at once
This commit is contained in:
parent
2c0c54102f
commit
302ea6728b
8 changed files with 92 additions and 38 deletions
|
|
@ -1,7 +1,7 @@
|
|||
import React from "react";
|
||||
import { connect } from "react-redux";
|
||||
|
||||
import { loadFileFromReference } from "../actionCreators";
|
||||
import { loadFilesFromReferences } from "../actionCreators";
|
||||
|
||||
export class DropTarget extends React.Component {
|
||||
constructor(props) {
|
||||
|
|
@ -17,14 +17,12 @@ export class DropTarget extends React.Component {
|
|||
handleDrop(e) {
|
||||
this.supress(e);
|
||||
const { files } = e.dataTransfer;
|
||||
if (files[0]) {
|
||||
this.props.loadFileFromReference(files[0]);
|
||||
}
|
||||
this.props.loadFilesFromReferences(files);
|
||||
}
|
||||
|
||||
render() {
|
||||
// eslint-disable-next-line no-shadow, no-unused-vars
|
||||
const { loadFileFromReference, ...passThroughProps } = this.props;
|
||||
const { loadFilesFromReferences, ...passThroughProps } = this.props;
|
||||
return (
|
||||
<div
|
||||
{...passThroughProps}
|
||||
|
|
@ -36,4 +34,4 @@ export class DropTarget extends React.Component {
|
|||
}
|
||||
}
|
||||
|
||||
export default connect(null, { loadFileFromReference })(DropTarget);
|
||||
export default connect(null, { loadFilesFromReferences })(DropTarget);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue