diff options
author | Vitaly Takmazov | 2019-05-04 21:13:12 +0300 |
---|---|---|
committer | Vitaly Takmazov | 2023-01-13 10:37:54 +0300 |
commit | f470636a70943a8ecad8bddc791a1c2dddd28e1e (patch) | |
tree | c43d109d88adbde9a696084070cdd92c6b9a004b /vnext/src/components/UploadButton.js | |
parent | 3d7d213e3ddc5bf4f71d536f31677b768aa3b7c0 (diff) |
Components -> UI
Diffstat (limited to 'vnext/src/components/UploadButton.js')
-rw-r--r-- | vnext/src/components/UploadButton.js | 42 |
1 files changed, 0 insertions, 42 deletions
diff --git a/vnext/src/components/UploadButton.js b/vnext/src/components/UploadButton.js deleted file mode 100644 index 73cbbfcf..00000000 --- a/vnext/src/components/UploadButton.js +++ /dev/null @@ -1,42 +0,0 @@ -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 ( - <div style={props.value ? activeStyle : inactiveStyle} - onClick={openfile}> - <Icon name="ei-camera" size="s" /> - <input type="file" accept="image/jpeg,image/png" onClick={e => e.stopPropagation()} - style={{ display: 'none' }} ref={props.inputRef} value={props.value} - onChange={attachmentChanged} /> - </div> - ); -} - -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' -}; |