Updating client dependencies. Switching to yarn. (#6433)

* Updating client dependancies. Switching to using yarn.

* Updating React

* Moving pure components to using function syntax (performance gains with newer react version)

* Updating client dependancies.

* Ignore .yarninstall

* Enabling pre-lockfile because it's the entire point of using yarn.

* Removing old webpack config

* Moving to new prop-types

* Fixing ESLint Errors

* Updating jest snapshots.

* Cleaning up package.json

1 files changed, 32 insertions, 32 deletions

diff --git a/webapp/components/file_upload_overlay.jsx b/webapp/components/file_upload_overlay.jsx
index 8f0fbee16..865733fe6 100644
--- a/webapp/components/file_upload_overlay.jsx
+++ b/webapp/components/file_upload_overlay.jsx
@@ -3,48 +3,48 @@
 
 import {FormattedMessage} from 'react-intl';
 
+import PropTypes from 'prop-types';
+
 import React from 'react';
 
 import fileOverlayImage from 'images/filesOverlay.png';
 import overlayLogoImage from 'images/logoWhite.png';
 
-export default class FileUploadOverlay extends React.Component {
-    render() {
-        var overlayClass = 'file-overlay hidden';
-        if (this.props.overlayType === 'right') {
-            overlayClass += ' right-file-overlay';
-        } else if (this.props.overlayType === 'center') {
-            overlayClass += ' center-file-overlay';
-        }
+export default function FileUploadOverlay(props) {
+    var overlayClass = 'file-overlay hidden';
+    if (props.overlayType === 'right') {
+        overlayClass += ' right-file-overlay';
+    } else if (props.overlayType === 'center') {
+        overlayClass += ' center-file-overlay';
+    }
 
-        return (
-            <div className={overlayClass}>
-                <div className='overlay__indent'>
-                    <div className='overlay__circle'>
-                        <img
-                            className='overlay__files'
-                            src={fileOverlayImage}
-                            alt='Files'
+    return (
+        <div className={overlayClass}>
+            <div className='overlay__indent'>
+                <div className='overlay__circle'>
+                    <img
+                        className='overlay__files'
+                        src={fileOverlayImage}
+                        alt='Files'
+                    />
+                    <span><i className='fa fa-upload'/>
+                        <FormattedMessage
+                            id='upload_overlay.info'
+                            defaultMessage='Drop a file to upload it.'
                         />
-                        <span><i className='fa fa-upload'/>
-                            <FormattedMessage
-                                id='upload_overlay.info'
-                                defaultMessage='Drop a file to upload it.'
-                            />
-                        </span>
-                        <img
-                            className='overlay__logo'
-                            src={overlayLogoImage}
-                            width='100'
-                            alt='Logo'
-                        />
-                    </div>
+                    </span>
+                    <img
+                        className='overlay__logo'
+                        src={overlayLogoImage}
+                        width='100'
+                        alt='Logo'
+                    />
                 </div>
             </div>
-        );
-    }
+        </div>
+    );
 }
 
 FileUploadOverlay.propTypes = {
-    overlayType: React.PropTypes.string
+    overlayType: PropTypes.string
 };