diff options
| author | geireann <60007097+geireann@users.noreply.github.com> | 2020-06-16 02:06:33 +0800 |
|---|---|---|
| committer | geireann <60007097+geireann@users.noreply.github.com> | 2020-06-16 02:06:33 +0800 |
| commit | 3cb0b3aac05d9525d6deb4683328ce1309beee32 (patch) | |
| tree | 4c12a91df4408f1aeea7d34fec194b201a9f3a48 /src | |
| parent | e9fec777255051c579cd5468b4f0ff735a6e06ab (diff) | |
image upload bug fixes
Diffstat (limited to 'src')
| -rw-r--r-- | src/mobile/ImageUpload.tsx | 22 |
1 files changed, 10 insertions, 12 deletions
diff --git a/src/mobile/ImageUpload.tsx b/src/mobile/ImageUpload.tsx index 3b4008e3f..fc26ba882 100644 --- a/src/mobile/ImageUpload.tsx +++ b/src/mobile/ImageUpload.tsx @@ -32,7 +32,7 @@ const inputRef = React.createRef<HTMLInputElement>(); export class Uploader extends React.Component { @observable error: string = ""; @observable status: string = ""; - @observable nm: string = "Choose an image"; + @observable nm: string = "Choose files"; @observable process: string = ""; onClick = async () => { @@ -96,19 +96,17 @@ export class Uploader extends React.Component { slab5.style.opacity = "1"; } this.process = "File " + (index + 1).toString() + " Uploaded"; - if (index === files.length) { - const slab6 = document.getElementById("slab6"); - if (slab6) { - slab6.style.opacity = "1"; - } + const slab6 = document.getElementById("slab6"); + if (slab6) { + slab6.style.opacity = "1"; } + const slab7 = document.getElementById("slab7"); + if (slab7) { + slab7.style.opacity = "1"; + } + } }); - this.process = "All Files Uploaded"; - const slab7 = document.getElementById("slab7"); - if (slab7) { - slab7.style.opacity = "1"; - } } } else { this.process = "No file selected"; @@ -180,7 +178,7 @@ export class Uploader extends React.Component { <input type="file" accept="video/*,image/*" className="inputFile" id="input_image_file" ref={inputRef} onChange={this.inputLabel} multiple></input> <label className="file" id="label" htmlFor="input_image_file">{this.nm}</label> <div className="upload_label" onClick={this.onClick}> - <FontAwesomeIcon icon="upload" size="lg" /> + <FontAwesomeIcon icon="upload" size="sm" /> Upload </div> {/* <div onClick={this.onClick} className="upload_button">Upload</div> */} |