zoriya/flood
1
0
Fork 0
mirror of https://github.com/zoriya/flood.git synced 2025-12-19 21:55:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Handle uploaded files better

Browse Source
This commit is contained in:
John Furrow
2016-02-19 23:58:53 -08:00
parent dcaa1d96f2
commit 57a48ec787
6 changed files with 138 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
client/source/scripts/components/modals/AddTorrentsByFile.js
View File

@@ -80,8 +80,7 @@ export default class AddTorrents extends React.Component {
let dropzoneClasses = classnames('form__dropzone dropzone', {
'is-fulfilled': this.state.files && this.state.files.length > 0
});
let content = (
let dropzoneContent = (
<Dropzone activeClassName="dropzone--is-dragging"
className={dropzoneClasses} ref="dropzone"
onDrop={this.handleFileDrop} disablePreview={true}>
@@ -94,27 +93,39 @@ export default class AddTorrents extends React.Component {
</div>
</Dropzone>
);
let fileContent = null;
if (this.state.files && this.state.files.length > 0) {
let files = this.state.files.map((file, index) => {
return (
<li className="dropzone__selected-files__file" key={index}>
<File />
{file.name}
<span onClick={this.handleFileRemove.bind(this, index)}>
<li className="dropzone__selected-files__file dropzone__file" key={index}>
<span className="dropzone__file__item dropzone__file__item--icon">
<File />
</span>
<span className="dropzone__file__item dropzone__file__item--file-name">
{file.name}{file.name}
</span>
<span className="dropzone__file__item dropzone__file__item--icon dropzone__file__item--remove-icon" onClick={this.handleFileRemove.bind(this, index)}>
<Close />
</span>
</li>
);
});
content = (
fileContent = (
<ul className="dropzone__selected-files" onClick={this.handleFilesClick}>
{files}
</ul>
);
}
let content = (
<div>
{fileContent}
{dropzoneContent}
</div>
);
return content;
}