add timeout to wait for dimensions

alto-io · May 23, 2023 · 0ecd377 · 0ecd377 · vercel · May 23, 2023
1 parent 40f59ad
commit 0ecd377
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/avatar/index.jsx b/avatar/index.jsx
@@ -237,10 +237,16 @@ export function displayPart(itemPath, rerender) {
 // https://stackoverflow.com/questions/43017000/babel-ignores-es6-inside-react-dangerouslysetinnerhtml-script-tag
 // 
 export async function renderAvatar() {
+    let rend;
 
-    const rend = new jsora.Renderer(g_jsoraProject);
+    try {
+    rend = new jsora.Renderer(g_jsoraProject);
+    } catch (e) {
+        console.log("canvas dimensions not ready, retrying in 1 second");
+        setTimeout(renderAvatar, 1000);
+        return;
+    }
     var renderCanvas = await rend.make_merged_image();
-
     var sourceImageData = renderCanvas.toDataURL("image/png");
     var destCanvasContext = g_oraCanvas.getContext('2d');
     var destinationImage = new Image;

diff --git a/components/oraglbviewer/index.tsx b/components/oraglbviewer/index.tsx
@@ -166,7 +166,6 @@ let loadedNft:NftMetadata;
     return (
       <>
           <canvas height={canvasSize.height} width={canvasSize.width} ref={reactCanvasBabylon} />
-        )
         {(() => {
           if (loading) {
             return <NftLoading />