wrap promise response in set timeout to keep local state in sync (#2531)

web/components/config/EditLogo.tsx

@@ -71,7 +71,7 @@ export const EditLogo: FC = () => {
 
       getBase64(file, (url: string) => {
         setlogoUrl(url);
-        return res();
+        setTimeout(() => res(), 100);
       });
     });
   };
@@ -80,7 +80,6 @@ export const EditLogo: FC = () => {
   const handleLogoUpdate = async () => {
     if (logoUrl !== currentLogo) {
       setSubmitStatus(createInputStatus(STATUS_PROCESSING));
-
       await postConfigUpdateToAPI({
         apiPath,
         data: { value: logoUrl },

web/utils/images.ts

@@ -1,5 +1,3 @@
-import { RcFile } from 'antd/lib/upload';
-
 export const MAX_IMAGE_FILESIZE = 2097152;
 export const ACCEPTED_IMAGE_TYPES = ['image/png', 'image/jpeg', 'image/gif'];