diff --git a/assets/js/src/core/services/mini-paint/mini-paint.tsx b/assets/js/src/core/services/mini-paint/mini-paint.tsx index 3e18c6aaf..f22b57090 100644 --- a/assets/js/src/core/services/mini-paint/mini-paint.tsx +++ b/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 (
+ {!isLoaded &&
Loading...
}