aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/ui/UploadButton.js
diff options
context:
space:
mode:
Diffstat (limited to 'vnext/src/ui/UploadButton.js')
-rw-r--r--vnext/src/ui/UploadButton.js22
1 files changed, 15 insertions, 7 deletions
diff --git a/vnext/src/ui/UploadButton.js b/vnext/src/ui/UploadButton.js
index 73cbbfcf..28a1f340 100644
--- a/vnext/src/ui/UploadButton.js
+++ b/vnext/src/ui/UploadButton.js
@@ -1,8 +1,18 @@
import React from 'react';
-import PropTypes from 'prop-types';
import Icon from './Icon';
+/**
+ * @typedef {Object} UploadButtonProps
+ * @property {string} value
+ * @property {React.MutableRefObject<HTMLInputElement>} inputRef
+ * @property {function} onChange
+ */
+
+/**
+ * Upload button
+ * @param {UploadButtonProps} props
+ */
export default function UploadButton(props) {
let openfile = () => {
const input = props.inputRef.current;
@@ -12,6 +22,10 @@ export default function UploadButton(props) {
input.click();
}
};
+
+ /**
+ * @param {React.ChangeEvent<HTMLInputElement>} event
+ */
let attachmentChanged = (event) => {
props.onChange(event.target.value);
};
@@ -26,12 +40,6 @@ export default function UploadButton(props) {
);
}
-UploadButton.propTypes = {
- value: PropTypes.string.isRequired,
- onChange: PropTypes.func.isRequired,
- inputRef: PropTypes.shape({ current: PropTypes.instanceOf(Element) })
-};
-
const inactiveStyle = {
cursor: 'pointer',
color: '#888'