From 7f254abc7ba0ccf16a1fec138e90526ea01ae09b Mon Sep 17 00:00:00 2001
From: GraysonNull <graysonnull@me.com>
Date: Wed, 29 Apr 2020 16:58:53 -0500
Subject: [PATCH] display file name after it's been uploaded, get rid of file
 text

---
 web/init/src/components/config_render/FileInput.jsx | 11 ++++-------
 web/init/src/scss/utilities/forms.scss              |  2 --
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/web/init/src/components/config_render/FileInput.jsx b/web/init/src/components/config_render/FileInput.jsx
index 7245eaa54..e4c912a4c 100644
--- a/web/init/src/components/config_render/FileInput.jsx
+++ b/web/init/src/components/config_render/FileInput.jsx
@@ -79,15 +79,12 @@ export default class FileInput extends React.Component {
               />
               <label htmlFor={`${this.props.name} selector`} className="u-position--relative">
                 <span className={`icon clickable ${this.state.fileAdded || this.props.value ? "u-smallCheckGreen" : "u-ovalIcon"} u-marginRight--normal u-top--3`}></span>
-                {this.state.fileAdded || this.props.value ? `${this.props.title} file selected` : `Browse files for ${this.props.title}`}
+                {this.state.fileAdded || this.props.value ? this.props.multiple ? this.state.fileNames.join(",") : this.state.fileName : `Browse files for ${this.props.title}`}
+                {this.state.fileAdded || this.props.value ? 
+                  <p className="u-color--astral u-textDecoration--underlineOnHover u-fontSize--small u-marginLeft--30 u-marginTop--5">Select a different file</p>
+                : null }
               </label>
             </div>
-            {this.state.fileAdded || this.props.value ?
-              <div className="u-color--tuna u-marginLeft--normal"> File uploaded:
-              <p className="Form-label-subtext"> {this.props.multiple ? this.state.fileNames.join(",") : this.state.fileName} </p>
-                <p className="Form-label-subtext"> {this.props.getFilenamesText} </p>
-              </div>
-              : null}
           </div>
         </div>
         <small className="text-danger"> {this.state.errText}</small>
diff --git a/web/init/src/scss/utilities/forms.scss b/web/init/src/scss/utilities/forms.scss
index 2daa468f7..770eef38b 100644
--- a/web/init/src/scss/utilities/forms.scss
+++ b/web/init/src/scss/utilities/forms.scss
@@ -84,7 +84,6 @@ input[type="file"] {
   display: inline-block;
   padding: 15px 17px;
   cursor: pointer;
-  width: 249px;
   border-radius: 4px;
 }
 
@@ -93,7 +92,6 @@ input[type="file"] {
   display: inline-block;
   padding: 15px 17px;
   cursor: pointer;
-  width: 249px;
   border-radius: 4px;
   color: #323232;
 }