From e0bae8ce1ee1761123d6439d27e4c0c44494a083 Mon Sep 17 00:00:00 2001
From: Andrew Simonson <asimonson1125@gmail.com>
Date: Sun, 1 Jan 2023 16:04:57 -0500
Subject: [PATCH] new idler resize

---
 src/componets/Idler.js | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/componets/Idler.js b/src/componets/Idler.js
index e35f072..038fb06 100644
--- a/src/componets/Idler.js
+++ b/src/componets/Idler.js
@@ -1,10 +1,10 @@
 import Sketch from "react-p5";
 import React from "react";
- 
+
 const balls = [];
 const density = 0.00005;
-const screenWidth = window.innerWidth + 100;
-const screenHeight = window.innerHeight + 100;
+let screenWidth = window.innerWidth + 10;
+let screenHeight = window.innerHeight + 10;
 
 export default class Idler extends React.Component {
   setup = (p5, parentRef) => {
@@ -54,7 +54,19 @@ export default class Idler extends React.Component {
     }
   };
   render() {
-    return <Sketch setup={this.setup} draw={this.draw} style={{position: 'fixed', zIndex:-1}}/>;
+    const windowResized = (p5) => {
+      p5.resizeCanvas(p5.windowWidth, p5.windowHeight);
+      screenWidth = window.innerWidth + 10;
+      screenHeight = window.innerHeight + 10;
+    };
+    return (
+      <Sketch
+        windowResized={windowResized}
+        setup={this.setup}
+        draw={this.draw}
+        style={{ position: "fixed", zIndex: -69 }}
+      />
+    );
   }
 }