import React from 'react';
import './Dependency.css';
import {connect} from 'react-redux';
import * as Constants from '../../../constants';

const mapStateToProps = state => {
  return {
    AllowDownload: (state.download.DownloadType !== Constants.INSTALL_TYPES.Dependency) &&
      !state.download.DownloadActive &&
      !state.install.InstallActive,
  };
};

export default connect(mapStateToProps)(props => {
  return (
    <div className={'Dependency'}>
      <table width="100%">
        <tbody>
          <tr>
            <td width="35%">
              <h3>{props.name}</h3>
            </td>
            <td>
              {props.AllowDownload ?
                <a
                  href={void(0)}
                  className={'DependencyLink'}
                  onClick={()=>{props.onDownload(props.download); return false;}}><u>Install</u></a> :
                'Installing...'}
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  );
});