upgrade yew 0.22

Author: jetli

.env.example

@@ -1 +1 @@
-API_ROOT=https://api.realworld.io/api
+API_ROOT=https://api.realworld.show/api

.env.example.gh-pages

@@ -1 +1 @@
-API_ROOT=https://api.realworld.io/api
+API_ROOT=https://api.realworld.show/api

crates/conduit-wasm/Cargo.toml

@@ -17,13 +17,13 @@ gloo = "0.11"
 lazy_static = "1.4"
 log = "0.4"
 parking_lot = "0.12"
-pulldown-cmark = "0.10"
+pulldown-cmark = "0.13"
 reqwest = { version = "0.12", features = ["json"] }
 serde = "1"
-thiserror = "1"
-yew = { version = "0.21.0", features = ["csr"] }
-yew-router = "0.18.0"
-yew-hooks = "0.3"
+thiserror = "2"
+yew = { version = "0.22.0", features = ["csr"] }
+yew-router = "0.19.0"
+yew-hooks = "0.4"
 wasm-bindgen = "0.2"
 wasm-logger = "0.2"
 

crates/conduit-wasm/src/app/article/comment_input.rs

@@ -66,8 +66,7 @@ pub fn CommentInput(props: &Props) -> Html {
                         placeholder="Write a comment..."
                         rows="3"
                         value={create_info.body.clone()}
-                        oninput={oninput} >
-                    </textarea>
+                        oninput={oninput} />
                 </div>
                 <div class="card-footer">
                     {if user_ctx.is_authenticated() {

crates/conduit-wasm/src/app/editor.rs

@@ -189,8 +189,7 @@ pub fn Editor(props: &Props) -> Html {
                                         rows="8"
                                         placeholder="Write your article (in markdown)"
                                         value={update_info.body.clone()}
-                                        oninput={oninput_body} >
-                                    </textarea>
+                                        oninput={oninput_body} />
                                 </fieldset>
                                 <fieldset class="form-group">
                                     <input
@@ -202,34 +201,30 @@ pub fn Editor(props: &Props) -> Html {
                                         {onkeypress}
                                         {onkeyup} />
                                     <div class="tag-list">
-                                        {
-                                            if let Some(tag_list) = &update_info.tag_list.clone() {
-                                                html! {for tag_list.iter().map(|tag| {
-                                                    let onclick_remove = {
-                                                        let tag = tag.clone();
-                                                        let update_info = update_info.clone();
-                                                        Callback::from(move |_| {
-                                                            // Remove a tag
-                                                            let mut info = (*update_info).clone();
-                                                            if let Some(tag_list) = &mut info.tag_list {
-                                                                tag_list.retain(|t| t != &tag);
-                                                            }
-                                                            update_info.set(info);
-                                                        })
-                                                    };
-                                                    html! {
-                                                        <span class="tag-default tag-pill">
-                                                            <i class="ion-close-round"
-                                                                onclick={onclick_remove}>
-                                                            </i>
-                                                            { &tag }
-                                                        </span>
+                                        {for update_info.tag_list.as_ref().map(|tags| {
+                                            tags.iter().map(|tag| {
+                                                let onclick_remove = {
+                                                let tag = tag.clone();
+                                                let update_info = update_info.clone();
+                                                Callback::from(move |_| {
+                                                    // Remove a tag
+                                                    let mut info = (*update_info).clone();
+                                                    if let Some(tag_list) = &mut info.tag_list {
+                                                        tag_list.retain(|t| t != &tag);
                                                     }
-                                                })}
-                                            } else {
-                                                html! {}
+                                                    update_info.set(info);
+                                                })
+                                            };
+                                            html! {
+                                                <span class="tag-default tag-pill">
+                                                    <i class="ion-close-round"
+                                                        onclick={onclick_remove}>
+                                                    </i>
+                                                    { &tag }
+                                                </span>
                                             }
-                                        }
+                                            })
+                                        }).into_iter().flatten()}
                                     </div>
                                 </fieldset>
                                 <button

crates/conduit-wasm/src/app/home/tags.rs

@@ -35,7 +35,7 @@ pub fn Tags(props: &Props) -> Html {
                             href=""
                             class="tag-default tag-pill"
                             {onclick}>
-                            { &tag }
+                            { &*tag }
                         </a>
                     }
                 })}

crates/conduit-wasm/src/app/settings.rs

@@ -150,8 +150,7 @@ pub fn Settings() -> Html {
                                         rows="8"
                                         placeholder="Short bio about you"
                                         value={update_info.bio.clone()}
-                                        oninput={oninput_bio} >
-                                    </textarea>
+                                        oninput={oninput_bio} />
                                 </fieldset>
                                 <fieldset class="form-group">
                                     <input

crates/conduit-wasm/src/components/article_preview.rs

@@ -97,7 +97,7 @@ pub fn ArticlePreview(props: &Props) -> Html {
                 {for article.tag_list.iter().map(|tag| {
                     html! {
                         <li class="tag-default tag-pill tag-outline" key={ (&tag).to_string() }>
-                            { &tag }
+                            { &*tag }
                         </li>
                     }
                 })}