Issue: 5138 Fix HotDog img URL (#5139)

* Issue: 5138 Fix HotDog img URL

* Use serde instead of json::Value

---------

Co-authored-by: Nils Loewen <nils@blockrewards.ca>
Co-authored-by: Evan Almloff <evanalmloff@gmail.com>

examples/01-app-demos/hotdog/src/frontend.rs

@@ -1,4 +1,5 @@
 use dioxus::prelude::*;
+use serde::{Deserialize, Serialize};
 
 use crate::{
     backend::{list_dogs, remove_dog, save_dog},
@@ -42,13 +43,17 @@ pub fn NavBar() -> Element {
 #[component]
 pub fn DogView() -> Element {
     let mut img_src = use_loader(|| async move {
-        dioxus::Ok(
+        #[derive(Deserialize, Serialize, Debug, PartialEq)]
-            reqwest::get("https://dog.ceo/api/breeds/image/random")
+        struct DogApi {
+            message: String,
+        }
+        let json = reqwest::get("https://dog.ceo/api/breeds/image/random")
             .await?
-                .json::<serde_json::Value>()
+            .json::<DogApi>()
-                .await?["message"]
+            .await?;
-                .to_string(),
+        let url = json.message;
-        )
+
+        dioxus::Ok(url)
     })?;
 
     rsx! {