Merge pull request #748 from topcoder-platform/issue-743

Author: jmgasper

src/apps/onboarding/src/components/modal-upload-photo/index.tsx

@@ -24,8 +24,8 @@ const ModalUploadPhoto: FC<ModalUploadPhotoProps> = (props: ModalUploadPhotoProp
         = useState<boolean>(false)
 
     const onDrop = useCallback((acceptedFiles: File[]) => {
-        setMyFiles([...myFiles, ...acceptedFiles])
-    }, [myFiles])
+        setMyFiles([...acceptedFiles])
+    }, [])
 
     const {
         getRootProps,
@@ -56,6 +56,7 @@ const ModalUploadPhoto: FC<ModalUploadPhotoProps> = (props: ModalUploadPhotoProp
                 await updateMemberPhotoAsync(props.memberInfo.handle, formData)
                 props.setMemberPhotoUrl(URL.createObjectURL(myFiles[0]))
                 setMyFiles([])
+                props.onClose?.()
             } catch (error) {
             }
 

src/apps/onboarding/src/pages/onboarding/styles.module.scss

@@ -21,6 +21,13 @@
     border-radius: 16px;
     box-shadow: 0px 8px 24px 0px rgba(144, 144, 144, 0.15);
 
+    :global(.btn-icon) {
+        svg {
+            width: max-content;
+            height: max-content;
+        }
+    }
+
     @include ltemd {
         padding: 48px 16px;
     }