summaryrefslogtreecommitdiffstats
path: root/web/react/components/file_upload_overlay.jsx
diff options
context:
space:
mode:
authorReed Garmsen <rgarmsen2295@gmail.com>2015-08-13 16:00:55 -0700
committerReed Garmsen <rgarmsen2295@gmail.com>2015-08-13 16:00:55 -0700
commit3a55cc6dcb8e45b65debd7569a49961faa55b402 (patch)
tree5f6db3ce530d0aa3a699de81100363830fa864d1 /web/react/components/file_upload_overlay.jsx
parent6f68c508ee3fd8c54fc1ba314cc60bae3f0b2600 (diff)
downloadchat-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.jsx12
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>