import React from 'react'; import IconButton from '../../../components/icon_button'; import PropTypes from 'prop-types'; import { defineMessages, injectIntl } from 'react-intl'; import { connect } from 'react-redux'; const messages = defineMessages({ upload: { id: 'upload_button.label', defaultMessage: 'Add media' } }); const makeMapStateToProps = () => { const mapStateToProps = (state, props) => ({ acceptContentTypes: state.getIn(['media_attachments', 'accept_content_types']).toArray(), }); return mapStateToProps; } const iconStyle = { height: null, lineHeight: '27px' } class UploadButton extends React.PureComponent { static propTypes = { disabled: PropTypes.bool, onSelectFile: PropTypes.func.isRequired, style: PropTypes.object, resetFileKey: PropTypes.number, acceptContentTypes: PropTypes.arrayOf(PropTypes.string).isRequired, intl: PropTypes.object.isRequired }; handleChange = (e) => { if (e.target.files.length > 0) { this.props.onSelectFile(e.target.files); } } handleClick = () => { this.fileElement.click(); } setRef = (c) => { this.fileElement = c; } render () { const { intl, resetFileKey, disabled, acceptContentTypes } = this.props; return (
); } } export default connect(makeMapStateToProps)(injectIntl(UploadButton));