import { h, Component } from 'preact'
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'
import * as util from '../util'

class FileList extends Component {
  constructor(props){
    super()
  }
  render(){
    const { files } = this.props
    let time = 0
	  const fileList = files.map(file => {
	    const eta = (time + (file.epochs) * 180 / 60) + " min."
	    time += (file.epochs) * 180 / 60
	    let dataset_type, dataset_name 
	    if (file.dataset.indexOf('/') !== -1) {
	    	[dataset_type, dataset_name] = file.dataset.split('/')
	    } else {
	    	dataset_name = file.dataset
	    }
	   	return (
		   	<div class='row'>
	        <div class='activity'>{file.activity} {file.library} {dataset_type}</div>
	        <div class='dataset'>{dataset_name}</div>
	        <div class='epochs'>{file.epochs} ep.</div>
	        <div class='eta'>{eta}</div>
		   	</div>
	   	)
	  })
	  return (
	  	<div class='filelist rows'>
	  		{fileList}
	  	</div>
  	)
  }
}

const mapStateToProps = state => ({
})

const mapDispatchToProps = (dispatch, ownProps) => ({
  // actions: bindActionCreators(liveActions, dispatch)
})

export default connect(mapStateToProps, mapDispatchToProps)(FileList)