diff options
author | Reed Garmsen <rgarmsen2295@gmail.com> | 2015-08-13 16:00:55 -0700 |
---|---|---|
committer | Reed Garmsen <rgarmsen2295@gmail.com> | 2015-08-13 16:00:55 -0700 |
commit | 3a55cc6dcb8e45b65debd7569a49961faa55b402 (patch) | |
tree | 5f6db3ce530d0aa3a699de81100363830fa864d1 /web/react/components/file_upload_overlay.jsx | |
parent | 6f68c508ee3fd8c54fc1ba314cc60bae3f0b2600 (diff) | |
download | chat-3a55cc6dcb8e45b65debd7569a49961faa55b402.tar.gz chat-3a55cc6dcb8e45b65debd7569a49961faa55b402.tar.bz2 chat-3a55cc6dcb8e45b65debd7569a49961faa55b402.zip |
Minor refactoring for better maintainibility
Diffstat (limited to 'web/react/components/file_upload_overlay.jsx')
-rw-r--r-- | web/react/components/file_upload_overlay.jsx | 12 |
1 files changed, 11 insertions, 1 deletions
diff --git a/web/react/components/file_upload_overlay.jsx b/web/react/components/file_upload_overlay.jsx index a82f02af1..28d66d817 100644 --- a/web/react/components/file_upload_overlay.jsx +++ b/web/react/components/file_upload_overlay.jsx @@ -3,9 +3,19 @@ module.exports = React.createClass({ displayName: 'FileUploadOverlay', + propTypes: { + overlayType: React.PropTypes.string + }, render: function() { + var overlayClass = 'file-overlay invisible'; + if (this.props.overlayType === 'right') { + overlayClass += ' right-file-overlay'; + } else if (this.props.overlayType === 'center') { + overlayClass += ' center-file-overlay'; + } + return ( - <div className='file-overlay center-file-overlay invisible'> + <div className={overlayClass}> <div> <i className='fa fa-upload'></i> <span>Drop a file to upload it.</span> |