snapped async fn

frontend/src/fetching.rs

@@ -121,14 +121,15 @@ impl Component for RandomCommit {
 }
 //Generate Struct and implement component for driver using CommonDriver
 struct Driver {
-    driver: FetchState<CommonDriver>,
+    driver: FetchState<String>,
 }
+//implement the component for Driver using a string
 impl Component for Driver {
-    type Message = Msg<CommonDriver>;
+    type Message = Msg<String>;
     type Properties = ();
     fn create(_ctx: &Context<Self>) -> Self {
         Self {
-            driver: FetchState::NotFetching, //Default state is not fetching anything
+            driver: FetchState::NotFetching,
         }
     }
 
@@ -164,12 +165,11 @@ impl Component for Driver {
     }
 
     fn view(&self, ctx: &Context<Self>) -> Html {
-        //render the component into HTML
         match &self.driver {
             FetchState::NotFetching => html! {
                 <>
                     <button onclick={ctx.link().callback(|_| Msg::GetData)}>
-                        { "Get driver info" }
+                        { "Get driver" }
                     </button>
                     <button onclick={ctx.link().callback(|_| Msg::GetError)}>
                         { "Get using incorrect URL" }
@@ -177,10 +177,7 @@ impl Component for Driver {
                 </>
             },
             FetchState::Fetching => html! { "Fetching" },
-            FetchState::Success(data) => match data.clone().use_it() {
-                Ok(html) => html,
-                Err(err) => html! { err },
-            },
+            FetchState::Success(data) => html! { <p> {data} </p> },
             FetchState::Failed(err) => html! { err },
         }
     }

frontend/src/shadowrealm.rs

@@ -60,3 +60,26 @@
 //         }
 //     }
 // }
+// async fn fetch_driver(url: &'static str) -> Result<CommonDriver, FetchError> {
+//     let mut opts = RequestInit::new();
+//     opts.method("GET");
+//     //Available request modes: Cors, NoCors, SameOrigin
+//     opts.mode(RequestMode::NoCors); //NoCors because cors simply doesn't work here
+//
+//     let request = Request::new_with_str_and_init(url, &opts)?;
+//     //api header for json
+//     request.headers().set("Accept", "application/json")?;
+//
+//     let window = web_sys::window().unwrap();
+//     let resp_value = JsFuture::from(window.fetch_with_request(&request)).await?;
+//     assert!(resp_value.is_instance_of::<Response>());
+//     let resp: Response = resp_value.dyn_into().unwrap();
+//
+//     //parsing Json response
+//     let fetched_json = JsFuture::from(resp.json()?).await?;
+//     log!(fetched_json.clone());
+//     let fetched_json: JsValue = fetched_json.into();
+//     //parsing into CommonDriver struct
+//     let fetched_json: CommonDriver = fetched_json.into_serde().unwrap();
+//     Ok(fetched_json)
+// }