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

// import { Loading, CurrentTask, FileList, FileRow } from '../../../common'

function CurrentTask ({ cpu, gpu, processor }) {
  const processor_name = processor === 'cpu' ? 'cpu' : 'gpu'
  const p = processor === 'cpu' ? cpu : gpu
  if (!p) return null
  if (p.status === 'IDLE') {
    return <div>{processor_name} idle</div>
  }
  const { last_message, pid, task } = p
  const { activity, epoch, epochs, dataset, module } = { task }
  return (
    <div>
      #{pid}: {module} {activity} {dataset} {epoch} ({epochs})<br/>
      {last_message}
    </div>
  )
}

const mapStateToProps = state => state.system.runner

const mapDispatchToProps = (dispatch, ownProps) => ({
  // actions: bindActionCreators(samplernnActions, dispatch),
  // remote: bindActionCreators(samplernnTasks, dispatch),
  // audioPlayer: bindActionCreators(audioPlayerActions, dispatch),
})

export default connect(mapStateToProps, mapDispatchToProps)(CurrentTask)