diff --git a/client/src/javascript/components/modals/add-torrents-modal/AddTorrentsByFile.js b/client/src/javascript/components/modals/add-torrents-modal/AddTorrentsByFile.js
index e0969a58d..5c6050d42 100644
--- a/client/src/javascript/components/modals/add-torrents-modal/AddTorrentsByFile.js
+++ b/client/src/javascript/components/modals/add-torrents-modal/AddTorrentsByFile.js
@@ -18,46 +18,15 @@ class AddTorrentsByFile extends React.Component {
state = {
errors: {},
isAddingTorrents: false,
- files: null,
+ files: [],
tags: '',
startTorrents: SettingsStore.getFloodSettings('startTorrentsOnLoad')
};
getFileDropzone() {
- const dropzoneContent = (
-
-
-
-
-
-
- );
let fileContent = null;
- if (this.state.files && this.state.files.length > 0) {
+ if (this.state.files.length > 0) {
const files = this.state.files.map((file, index) => {
return (
+
{fileContent}
- {dropzoneContent}
+
+
+
+
+
+
+ {' '}
+
+
+ .
+
+
);
-
- return content;
}
handleFileDrop = files => {
@@ -108,13 +104,14 @@ class AddTorrentsByFile extends React.Component {
delete nextErrorsState.files;
}
- this.setState({errors: nextErrorsState, files});
+ this.setState(state => {
+ return { errors: nextErrorsState, files: state.files.concat(files) };
+ });
};
handleFileRemove = fileIndex => {
- let files = this.state.files;
+ const {files} = this.state;
files.splice(fileIndex, 1);
-
this.setState({files});
};