From 7f0b7982ec734a0e172fe6c999c994002d1a7b5f Mon Sep 17 00:00:00 2001
From: Savanni D'Gerinel <savanni@luminescent-dreams.com>
Date: Tue, 18 Feb 2025 23:23:46 -0500
Subject: [PATCH] Switch from println to log from gloo-console

---
 Cargo.lock                 | 8 ++++++--
 visions/ui/Cargo.toml      | 1 +
 visions/ui/src/main.rs     | 5 +++--
 visions/yew-app/design.css | 3 +++
 4 files changed, 13 insertions(+), 4 deletions(-)
 create mode 100644 visions/yew-app/design.css

diff --git a/Cargo.lock b/Cargo.lock
index 6cf9288..a44fd05 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -4297,9 +4297,9 @@ dependencies = [
 
 [[package]]
 name = "serde_json"
-version = "1.0.136"
+version = "1.0.138"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "336a0c23cf42a38d9eaa7cd22c7040d04e1228a19a933890805ffd00a16437d2"
+checksum = "d434192e7da787e94a6ea7e9670b26a036d0ca41e0b7efb2676dd32bae872949"
 dependencies = [
  "itoa",
  "memchr",
@@ -5479,9 +5479,13 @@ checksum = "0b928f33d975fc6ad9f86c8f283853ad26bdd5b10b7f1542aa2fa15e2289105a"
 name = "visions-client"
 version = "0.1.0"
 dependencies = [
+ "gloo-console",
  "gloo-net 0.6.0",
  "serde 1.0.217",
+ "serde-wasm-bindgen",
+ "serde_json",
  "wasm-bindgen-futures",
+ "web-sys",
  "yew",
 ]
 
diff --git a/visions/ui/Cargo.toml b/visions/ui/Cargo.toml
index e47279b..e028c2e 100644
--- a/visions/ui/Cargo.toml
+++ b/visions/ui/Cargo.toml
@@ -4,6 +4,7 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
+gloo-console = "0.3.0"
 gloo-net = "0.6.0"
 serde = { version = "1.0.217", features = ["derive"] }
 serde-wasm-bindgen = "0.6.5"
diff --git a/visions/ui/src/main.rs b/visions/ui/src/main.rs
index 26a584b..f7058c4 100644
--- a/visions/ui/src/main.rs
+++ b/visions/ui/src/main.rs
@@ -1,5 +1,6 @@
 use std::rc::Rc;
 
+use gloo_console::log;
 use web_sys::HtmlInputElement;
 use yew::prelude::*;
 
@@ -60,7 +61,7 @@ fn Login(LoginProps { on_login }: &LoginProps) -> Html {
         let username_node_ref = username_node_ref.clone();
         Callback::from(move |_| {
             let input = username_node_ref.cast::<HtmlInputElement>().unwrap();
-            println!("username changed: {}", input.value());
+            log!("username changed: {}", input.value());
             username.set(input.value());
         })
     };
@@ -70,7 +71,7 @@ fn Login(LoginProps { on_login }: &LoginProps) -> Html {
         let password_node_ref = password_node_ref.clone();
         Callback::from(move |_| {
             let input = password_node_ref.cast::<HtmlInputElement>().unwrap();
-            println!("password changed: {}", input.value());
+            log!("password changed: {}", input.value());
             password.set(input.value());
         })
     };
diff --git a/visions/yew-app/design.css b/visions/yew-app/design.css
new file mode 100644
index 0000000..7e53fb2
--- /dev/null
+++ b/visions/yew-app/design.css
@@ -0,0 +1,3 @@
+body {
+    background-color: hsl(0, 0%, 50%);
+}