Move torrent details to modal

This commit is contained in:
John Furrow
2016-05-07 22:14:29 -07:00
parent 2eac7fb035
commit 4eadd2180c
27 changed files with 559 additions and 529 deletions
@@ -26,6 +26,7 @@ export default class DirectoryFiles extends React.Component {
render() {
let branch = Object.assign([], this.props.branch);
let fileIcon = <File />;
branch.sort((a, b) => {
return a.filename.localeCompare(b.filename);
@@ -35,10 +36,10 @@ export default class DirectoryFiles extends React.Component {
let fileSize = format.data(file.sizeBytes, '', 1);
return (
<div className="directory-tree__node directory-tree__node--file file"
<div className="directory-tree__node directory-tree__selectable directory-tree__node--file file"
key={`${index}-${file.filename}`} title={file.filename}>
<div className="file__detail file__name">
<File />
{fileIcon}
{file.filename}
</div>
<div className="file__detail file__detail--size">
@@ -41,7 +41,7 @@ export default class DirectoryTreeNode extends React.Component {
render() {
let branchClasses = `directory-tree__branch directory-tree__branch--depth-${this.props.depth}`;
let directoryClasses = classnames('directory-tree__node',
let directoryClasses = classnames('directory-tree__node directory-tree__selectable',
'directory-tree__node--directory', {'is-expanded': this.state.expanded}
);