Fix #26: unhandled error when file is empty

Author: JelteMX

src/components/FileList.tsx

@@ -172,7 +172,7 @@ export class FileList extends Component<FileListProps, {}> {
         return (
             <div className={classes("item-filesize")}>
                 <div className={classes("item-filesize__label")}>Size:</div>
-                <div className={classes("item-filesize__value")}>{size !== null ? size : "unknown"}</div>
+                <div className={classes("item-filesize__value")}>{size !== null ? size : 0}</div>
             </div>
         );
     }

src/store/fileDropperFile.ts

@@ -57,7 +57,7 @@ export class FileDropperFile implements IFileDropperFile {
                 this.status = "error";
             }
             // @ts-ignore
-        } catch (error) {
+        } catch (error: any) {
             this.error = error;
             this.status = error;
         }
@@ -82,7 +82,7 @@ export class FileDropperFile implements IFileDropperFile {
                 this.hash = md5(base64);
             }
             // @ts-ignore
-        } catch (error) {
+        } catch (error: any) {
             this.status = "error";
             this.error = error.message || "unknown error";
             this.data = this.base64 = null;

src/util/file.ts

@@ -45,6 +45,12 @@ export const loadFileInMemory = (file: File, loadWithReader = true): Promise<Fil
             };
 
             reader.onload = ({ target: { result } }: any) => {
+                if (file.size === 0) {
+                    return resolve({
+                        base64: '',
+                        data: new Blob()
+                    })
+                }
                 const data = convertBase64ToBlob(result as string, file.type);
                 resolve({
                     base64: result,