From 0fafffb40f85b4503f3555438ede21bb0cbd4ff3 Mon Sep 17 00:00:00 2001
From: jeangab <jeangabriel.gc@gmail.com>
Date: Fri, 14 Jul 2023 13:42:42 -0400
Subject: [PATCH] Figured out how to resize canvas properly, will still have to
 handle on window resize

---
 src/components/background.rs | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/background.rs b/src/components/background.rs
index f634ecf..f74cf1a 100644
--- a/src/components/background.rs
+++ b/src/components/background.rs
@@ -9,12 +9,20 @@ use crate::space_colonization::SpaceColonization;
 #[component]
 pub fn Background(cx: Scope, class: &'static str) -> impl IntoView {
     let canvas = create_node_ref::<Canvas>(cx);
+    let mut size = (300, 300);
 
     canvas.on_load(cx, move |_| {
+        let canvas = canvas.get().expect("canvas is mounted");
+        let canvas_parent = canvas.parent_element().unwrap();
+        canvas.set_width(u32::try_from(canvas_parent.client_width()).unwrap());
+        canvas.set_height(u32::try_from(canvas_parent.client_height()).unwrap());
+        log!(
+            "canvas parent size = {} {}",
+            canvas_parent.client_width(),
+            canvas_parent.client_height()
+        );
         log!("in canvas");
         let context = canvas
-            .get()
-            .expect("canvas is mounted")
             .get_context("2d")
             .ok()
             .flatten()