import { connect } from 'react-redux'
import { goFromRackToMachine } from '../../../../../actions/interaction-level'
import MachineComponent from '../../../../../components/app/sidebars/topology/rack/MachineComponent'
import { getStateLoad } from '../../../../../util/simulation-load'

const mapStateToProps = (state, ownProps) => {
    const machine = state.objects.machine[ownProps.machineId]
    const inSimulation = state.currentExperimentId !== -1

    let machineLoad = undefined
    if (inSimulation) {
        if (
            state.states.machine[state.currentTick] &&
            state.states.machine[state.currentTick][machine.id]
        ) {
            machineLoad = getStateLoad(
                state.loadMetric,
                state.states.machine[state.currentTick][machine.id],
            )
        }
    }

    return {
        machine,
        inSimulation,
        machineLoad,
    }
}

const mapDispatchToProps = (dispatch, ownProps) => {
    return {
        onClick: () => dispatch(goFromRackToMachine(ownProps.position)),
    }
}

const MachineContainer = connect(mapStateToProps, mapDispatchToProps)(
    MachineComponent,
)

export default MachineContainer