Add collaboration feature

[sdc.git] / openecomp-ui / src / nfvo-components / fileupload / DraggableUploadFileBox.jsx

diff --git a/openecomp-ui/src/nfvo-components/fileupload/DraggableUploadFileBox.jsx b/openecomp-ui/src/nfvo-components/fileupload/DraggableUploadFileBox.jsx
index 629b944..5b4e0a8 100644 (file)
--- a/openecomp-ui/src/nfvo-components/fileupload/DraggableUploadFileBox.jsx
+++ b/openecomp-ui/src/nfvo-components/fileupload/DraggableUploadFileBox.jsx
@@ -34,11 +34,10 @@ class DraggableUploadFileBox extends Component {
        render() {
                let {className, onClick, dataTestId, isReadOnlyMode} = this.props;
                return (
-                       <div
-                               className={`${className}${isReadOnlyMode ? ' disabled' : ''}`}>
-                               <div className={`${'drag-text'}${isReadOnlyMode ? ' disabled' : ''}`}>{i18n('Drag & drop for upload')}</div>
+                       <div className={`file-upload-box ${className} ${isReadOnlyMode ? 'disabled' : ''}`}>
+                               <div className={`drag-text ${isReadOnlyMode ? 'disabled' : ''}`}>{i18n('Drag & drop for upload')}</div>
                                <div className='or-text'>{i18n('or')}</div>
-                               <Button type='button' data-test-id={dataTestId} btnType='outline' onClick={onClick} disabled={isReadOnlyMode === true}>{i18n('Select File')}</Button>
+                               <Button type='button' data-test-id={dataTestId} btnType='outline' onClick={onClick} disabled={isReadOnlyMode}>{i18n('Select File')}</Button>
                        </div>
                );
        }