chore: don't make file disappear after removal

Author: r0b1n

packages/pluggableWidgets/file-uploader-web/src/components/FileEntry.tsx

@@ -83,7 +83,7 @@ function FileEntry(props: FileEntryProps): ReactElement {
     return (
         <div
             className={classNames("file-entry", {
-                removed: props.fileStatus === "removedFile",
+                removed: props.fileStatus === "removedFile" || props.fileStatus === "removedAfterError",
                 invalid: props.fileStatus === "validationError"
             })}
             title={props.title}

packages/pluggableWidgets/file-uploader-web/src/components/UploadInfo.tsx

@@ -15,6 +15,7 @@ export function UploadInfo({ status, error }: UploadInfoProps): ReactElement {
         case "done":
             return <span className={"upload-status success"}>{translations.get("uploadSuccessMessage")}</span>;
         case "uploadingError":
+        case "removedAfterError":
             return <span className={"upload-status error"}>{translations.get("uploadFailureGenericMessage")}</span>;
         case "validationError":
             return <span className={"upload-status error"}>{error}</span>;

packages/pluggableWidgets/file-uploader-web/src/stores/FileStore.ts

@@ -21,6 +21,7 @@ export type FileStatus =
     | "uploading"
     | "done"
     | "uploadingError"
+    | "removedAfterError"
     | "removedFile"
     | "validationError";
 
@@ -64,7 +65,8 @@ export class FileStore {
     }
 
     markMissing(): void {
-        this.fileStatus = "missing";
+        this.fileStatus = this.fileStatus === "uploadingError" ? "removedAfterError" : "missing";
+
         this._mxObject = undefined;
         this._objectItem = undefined;
     }