minor update

Author: The-DevBlog

devblog/devblog/client/src/components/comment.rs

@@ -58,14 +58,14 @@ pub fn comment(props: &Props) -> Html {
                     // edit comment
                     if !*is_editing && props.comment.username == store.username {
                         <EditComment id={props.comment.id}
-                            content={props.comment.content.clone()}
+                            content={content.deref().clone()}
                             is_editing={*is_editing}
                             on_is_editing={on_is_editing.clone()}
                             on_edit_save={on_edit_save.clone()}/>
                     }
 
                     // delete comment
-                    if props.comment.username == store.username || store.admin{
+                    if props.comment.username == store.username || store.admin {
                         <DeleteComment id={props.comment.id.clone()} on_comment_delete={&props.on_comment_delete}/>
                     }
 

devblog/devblog/client/src/components/comment_edit.rs

@@ -20,7 +20,7 @@ pub struct Props {
 #[function_component(EditComment)]
 pub fn edit_comment(props: &Props) -> Html {
     let style = Style::new(STYLE).unwrap();
-    let content = use_state(|| String::default());
+    let content = use_state(|| props.content.clone());
     let store = use_store_value::<Store>();
 
     let onchange = {
@@ -83,7 +83,7 @@ pub fn edit_comment(props: &Props) -> Html {
 
                 if props.is_editing {
                     <div class="edit-comment">
-                        <textarea value={props.content.clone()} {onchange}></textarea>
+                        <textarea value={content.deref().clone()} {onchange}></textarea>
 
                         <div>
                             <button onclick={save}>{"Save"}</button>

devblog/devblog/client/src/components/post.rs

@@ -46,7 +46,6 @@ pub fn post(props: &Props) -> Html {
         Callback::from(move |id| {
             let mut new_comments = comments_clone.deref().clone();
             if let Some(idx) = new_comments.iter().position(|c| c.id == id) {
-                // log!("IDXXXX: ", idx);
                 new_comments.remove(idx);
                 comments_clone.set(new_comments);
             }

devblog/devblog/client/src/components/post_edit.rs

@@ -29,23 +29,20 @@ pub fn edit_post(props: &Props) -> Html {
         let description = description.deref().clone();
         let token = store.token.clone();
         let is_editing = is_editing.clone();
-        let on_post_edit = props.on_post_edit.clone();
         let id = props.id.clone();
         Callback::from(move |e: SubmitEvent| {
             e.prevent_default();
             let description = description.clone();
             let body = Some(helpers::to_jsvalue(description.deref()));
             let hdrs = helpers::create_auth_header(&token);
             hdrs.append("content-type", "application/json");
-            let on_post_edit = on_post_edit.clone();
             let is_editing = is_editing.clone();
 
             wasm_bindgen_futures::spawn_local(async move {
                 let response = Api::EditPost(id).fetch(Some(hdrs), body, Method::PUT).await;
 
                 if let Some(res) = response {
                     if res.status() == 200 {
-                        on_post_edit.emit(description.clone());
                         is_editing.set(false);
                     }
                 }
@@ -54,11 +51,13 @@ pub fn edit_post(props: &Props) -> Html {
     };
 
     let on_description_change = {
+        let on_post_edit = props.on_post_edit.clone();
         let description = description.clone();
         Callback::from(move |e: InputEvent| {
             let input = e.target_dyn_into::<HtmlTextAreaElement>();
             if let Some(value) = input {
                 description.set(value.value());
+                on_post_edit.emit(value.value());
             }
         })
     };