import React from 'react'; import PropTypes from 'prop-types'; import { connect } from 'react-redux'; import { Link } from 'react-router'; import InlineSVG from 'react-inlinesvg'; import FileUploader from './FileUploader'; import { getreachedTotalSizeLimit } from '../selectors/users'; import exitUrl from '../../../images/exit.svg'; class UploadFileModal extends React.Component { propTypes = { reachedTotalSizeLimit: PropTypes.bool.isRequired, closeModal: PropTypes.func.isRequired } componentDidMount() { this.focusOnModal(); } focusOnModal = () => { this.modal.focus(); } render() { return (
{ this.modal = element; }}>

Upload File

{ this.props.reachedTotalSizeLimit &&

{ `You have reached the size limit for the number of files you can upload to your account. If you would like to upload more, please remove the ones you aren't using anymore by looking through your ` } assets {'.'}

} { !this.props.reachedTotalSizeLimit &&
}
); } } function mapStateToProps(state) { return { reachedTotalSizeLimit: getreachedTotalSizeLimit(state) }; } export default connect(mapStateToProps)(UploadFileModal);