updated the MiniPaint service

assets/js/src/core/services/mini-paint/mini-paint.tsx

@@ -11,19 +11,28 @@
 *  @license    https://github.com/pimcore/studio-ui-bundle/blob/1.x/LICENSE.md POCL and PCL
 */
 
-import React from 'react'
+import React, { useState } from 'react'
 import { useElementContext } from '@Pimcore/modules/element/hooks/use-element-context'
 
 export const MiniPaint = (): React.JSX.Element => {
   const { id } = useElementContext()
 
+  const [isLoaded, setIsLoaded] = useState(false)
+
   const iframeSrc = `/pimcore-studio/api/image-editor?id=${id}`
 
+  const handleIframeLoad = (): void => {
+    setIsLoaded(true)
+  }
+
   return (
     <div style={ { width: '100%', height: '100%' } }>
+      {!isLoaded && <div>Loading...</div>}
       <iframe
         height={ '100%' }
+        onLoad={ handleIframeLoad }
         src={ iframeSrc }
+        style={ { display: isLoaded ? 'block' : 'none' } }
         title="MiniPaint editor"
         width={ '100%' }
       />

public/build/105fec21-ade0-437d-b6fe-ab1010a8f890/entrypoints.json

@@ -0,0 +1,14 @@
+{
+  "entrypoints": {
+    "main": {
+      "css": [
+        "http://localhost:3030/build/105fec21-ade0-437d-b6fe-ab1010a8f890/vendors-node_modules_dnd-kit_modifiers_dist_modifiers_esm_js-node_modules_dnd-kit_sortable_di-41eabe.css",
+        "http://localhost:3030/build/105fec21-ade0-437d-b6fe-ab1010a8f890/main.css"
+      ],
+      "js": [
+        "http://localhost:3030/build/105fec21-ade0-437d-b6fe-ab1010a8f890/vendors-node_modules_dnd-kit_modifiers_dist_modifiers_esm_js-node_modules_dnd-kit_sortable_di-41eabe.js",
+        "http://localhost:3030/build/105fec21-ade0-437d-b6fe-ab1010a8f890/main.js"
+      ]
+    }
+  }
+}