import React from 'react'; import PropTypes from 'prop-types'; import Icon from './Icon'; export default function UploadButton(props) { let openfile = () => { const input = props.inputRef.current; if (props.value) { props.onChange(''); } else { input.click(); } } let attachmentChanged = (event) => { props.onChange(event.target.value); } return (
e.stopPropagation()} style={{ display: 'none' }} ref={props.inputRef} value={props.value} onChange={attachmentChanged} />
); } UploadButton.propTypes = { value: PropTypes.string.isRequired, onChange: PropTypes.func.isRequired, inputRef: PropTypes.shape({ current: PropTypes.instanceOf(Element) }) }; const inactiveStyle = { cursor: 'pointer', color: '#888' }; const activeStyle = { cursor: 'pointer', color: 'green' };