From 2f84afc0c7ca295fa502fcff9ce949e2a41ab17f Mon Sep 17 00:00:00 2001
From: cyril lopez <cyril.lpz@gmail.com>
Date: Mon, 26 Feb 2018 11:39:50 +0100
Subject: [PATCH] Fix upload plugin build The issue was due to the ref I was
 using

---
 .../admin/src/components/Li/index.js                     | 5 +++--
 .../admin/src/components/PluginInputFile/index.js        | 9 +--------
 2 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/packages/strapi-plugin-upload/admin/src/components/Li/index.js b/packages/strapi-plugin-upload/admin/src/components/Li/index.js
index 67d3780d1e..8e894fdce6 100644
--- a/packages/strapi-plugin-upload/admin/src/components/Li/index.js
+++ b/packages/strapi-plugin-upload/admin/src/components/Li/index.js
@@ -30,7 +30,8 @@ class Li extends React.Component {
 
   handleClick = (e) => {
     e.preventDefault();
-    this.refs.aTag.click();
+    const aTag = document.getElementById('aTag');
+    aTag.click();
   }
 
   handleDelete = (e) => {
@@ -76,7 +77,7 @@ class Li extends React.Component {
     return (
       <CopyToClipboard text={item.url} onCopy={() => this.setState({copied: true})}>
         <li className={styles.liWrapper}>
-          <a href={item.url} target="_blank" style={{ display: 'none' }} ref="aTag">nothing</a>
+          <a href={item.url} target="_blank" style={{ display: 'none' }} id="aTag">nothing</a>
           <div className={styles.liContainer}>
             <div>
               <div />
diff --git a/packages/strapi-plugin-upload/admin/src/components/PluginInputFile/index.js b/packages/strapi-plugin-upload/admin/src/components/PluginInputFile/index.js
index 9fff256b3a..cd5b36cdd7 100644
--- a/packages/strapi-plugin-upload/admin/src/components/PluginInputFile/index.js
+++ b/packages/strapi-plugin-upload/admin/src/components/PluginInputFile/index.js
@@ -16,12 +16,6 @@ import styles from './styles.scss';
 class PluginInputFile extends React.PureComponent {
   state = { isDraging: false };
 
-  handleClick = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    this.refs.input.click();
-  }
-
   handleDragEnter = () => this.setState({ isDraging: true });
 
   handleDragLeave = () => this.setState({ isDraging: false });
@@ -40,7 +34,7 @@ class PluginInputFile extends React.PureComponent {
     const { isDraging } = this.state;
     const link = (
       <FormattedMessage id="upload.PluginInputFile.link">
-        {(message) => <span className={styles.underline} onClick={this.handleClick}>{message}</span>}
+        {(message) => <span className={styles.underline}>{message}</span>}
       </FormattedMessage>
     );
 
@@ -65,7 +59,6 @@ class PluginInputFile extends React.PureComponent {
           multiple
           name={name}
           onChange={onChange}
-          ref="input"
           type="file"
         />
       </label>