From fe307ecfeb02f36baeca1ccf3bd64c6ffe50dc26 Mon Sep 17 00:00:00 2001
From: James <james@trbl.design>
Date: Fri, 21 Aug 2020 17:30:32 -0400
Subject: [PATCH] fixes inability to remove file from upload field

---
 .../components/elements/FileDetails/index.js  | 34 +++++++++----------
 .../views/collections/Edit/Upload/index.js    |  5 ++-
 2 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/src/client/components/elements/FileDetails/index.js b/src/client/components/elements/FileDetails/index.js
index 9a2f7227f0..51c8a26f42 100644
--- a/src/client/components/elements/FileDetails/index.js
+++ b/src/client/components/elements/FileDetails/index.js
@@ -41,16 +41,16 @@ const FileDetails = (props) => {
               onClick={() => setMoreInfoOpen(!moreInfoOpen)}
             >
               {!moreInfoOpen && (
-                <>
+                <React.Fragment>
                   More info
                   <Chevron />
-                </>
+                </React.Fragment>
               )}
               {moreInfoOpen && (
-                <>
+                <React.Fragment>
                   Less info
                   <Chevron />
-                </>
+                </React.Fragment>
               )}
             </Button>
           )}
@@ -72,20 +72,18 @@ const FileDetails = (props) => {
           height={moreInfoOpen ? 'auto' : 0}
         >
           <ul className={`${baseClass}__sizes`}>
-            {Object.entries(sizes).map(([key, val]) => {
-              return (
-                <li key={key}>
-                  <div className={`${baseClass}__size-label`}>
-                    {key}
-                  </div>
-                  <Meta
-                    {...val}
-                    mimeType={mimeType}
-                    staticURL={staticURL}
-                  />
-                </li>
-              );
-            })}
+            {Object.entries(sizes).map(([key, val]) => (
+              <li key={key}>
+                <div className={`${baseClass}__size-label`}>
+                  {key}
+                </div>
+                <Meta
+                  {...val}
+                  mimeType={mimeType}
+                  staticURL={staticURL}
+                />
+              </li>
+            ))}
           </ul>
         </AnimateHeight>
       )}
diff --git a/src/client/components/views/collections/Edit/Upload/index.js b/src/client/components/views/collections/Edit/Upload/index.js
index 5ad61a859f..ec7fc33134 100644
--- a/src/client/components/views/collections/Edit/Upload/index.js
+++ b/src/client/components/views/collections/Edit/Upload/index.js
@@ -162,7 +162,10 @@ const File = (props) => {
                 round
                 buttonStyle="icon-label"
                 iconStyle="with-border"
-                onClick={() => setFileList(null)}
+                onClick={() => {
+                  setFileList(null);
+                  setValue(null);
+                }}
               />
             </div>
           )}