fix image upload

wax-prosemirror-services/src/ImageService/components/ImageUpload.js

@@ -67,19 +67,13 @@ const ImageUpload = ({ item, fileUpload, view }) => {
   const isDisabled =
     context.options.uploading || !item.select(activeView) || !isEditable;
 
-  useEffect(() => {}, []);
-
   const ImageUploadComponent = useMemo(
     () => (
       <Wrapper>
         <label htmlFor="file-upload">
           <MenuButton
             active={false}
-            disabled={
-              context.options.uploading ||
-              !item.select(activeView) ||
-              !isEditable
-            }
+            disabled={isDisabled}
             iconName={item.icon}
             onMouseDown={e => {
               e.preventDefault();

wax-prosemirror-services/src/ImageService/fileUpload.js

@@ -38,6 +38,7 @@ export default (view, fileUpload, placeholderPlugin, context) => file => {
       }
       // Otherwise, insert it at the placeholder's position, and remove
       // the placeholder
+      context.setOption({ uploading: false });
       context.pmViews.main.dispatch(
         context.pmViews.main.state.tr
           .replaceWith(
@@ -51,7 +52,6 @@ export default (view, fileUpload, placeholderPlugin, context) => file => {
           )
           .setMeta(placeholderPlugin, { remove: { id } }),
       );
-      context.setOption({ uploading: false });
     },
     () => {
       // On failure, just clean up the placeholder