fix: maybe render on mobile will work now, very cursed commit

Author: dumax315

src/anim/AnimationMain.js

@@ -262,6 +262,10 @@ export default class AnimationManager extends EventListener {
 		this.addListener('AnimationEnded', this, this.animEnded);
 		this.addListener('AnimationWaiting', this, this.animWaiting);
 		this.addListener('AnimationUndoUnavailable', this, this.animUndoUnavailable);
+
+		// TODO: invistagate why 0 ms causes extra 3 pixels to be added to height
+		setTimeout(() => {
+			this.updateDimensions()},10)
 	}
 
 	lerp(from, to, percent) {
@@ -318,6 +322,12 @@ export default class AnimationManager extends EventListener {
 		this.fireEvent('CanvasSizeChanged', { width: canvas.width, height: canvas.height });
 	}
 
+	updateDimensions() {
+		canvas.height = 100;
+		canvas.width = 50;
+		this.changeSize(document.getElementById("canvasContainer").clientWidth - 1, document.getElementById("canvasContainer").clientHeight -1);
+	};
+	
 	startNextBlock() {
 		this.awaitingStep = false;
 		this.currentBlock = [];

src/screens/AlgoScreen.js

@@ -55,20 +55,10 @@ const AlgoScreen = ({ theme, toggleTheme }) => {
 				}
 			}
 
-			const updateDimensions = () => {
-				canvasRef.current.height = 100;
-				canvasRef.current.width = 50;
-				animManagRef.current.changeSize(document.getElementById("canvasContainer").clientWidth - 1, document.getElementById("canvasContainer").clientHeight -1);
-			};
-			
-
-			window.addEventListener('resize', updateDimensions);
-
-			// TODO: invistagate why 0 ms causes extra 3 pixels to be added to height
-			setTimeout(updateDimensions,10)
-
+			const updateDimensionsRef = canvasRef.current.updateDimensions;
+			window.addEventListener('resize', updateDimensionsRef);
 			return () => {
-				window.removeEventListener('resize', updateDimensions);
+				window.removeEventListener('resize', updateDimensionsRef);
 			};
 		}
 	}, [algoName, algoDetails, searchParams]);