fix bugs

src/shared/avatarUploader.tsx

@@ -9,14 +9,12 @@ export function AvatarUploader({ setPicture }: { setPicture: any }) {
   const [loading, setLoading] = useState(false);
 
   const uploadAvatar = async () => {
+    setLoading(true);
     const image = await upload(null);
     if (image.url) {
-      // update parent state
       setPicture(image.url);
-
-      // disable loader
-      setLoading(false);
     }
+    setLoading(false);
   };
 
   return (

src/shared/bannerUploader.tsx

@@ -9,14 +9,12 @@ export function BannerUploader({ setBanner }: { setBanner: any }) {
   const [loading, setLoading] = useState(false);
 
   const uploadBanner = async () => {
+    setLoading(true);
     const image = await upload(null);
     if (image.url) {
-      // update parent state
       setBanner(image);
-
-      // disable loader
-      setLoading(false);
     }
+    setLoading(false);
   };
 
   return (