From a057f00e24a43151a71eb06970af6d900e701747 Mon Sep 17 00:00:00 2001
From: Felix Ableitner <me@nutomic.com>
Date: Thu, 14 Mar 2024 10:11:32 +0100
Subject: [PATCH] Minor changes to create/edit article page (fixes #24)

---
 src/frontend/pages/article/create.rs | 37 ++++++++++++++--------------
 src/frontend/pages/article/edit.rs   | 26 ++++++++++---------
 2 files changed, 33 insertions(+), 30 deletions(-)

diff --git a/src/frontend/pages/article/create.rs b/src/frontend/pages/article/create.rs
index 162f840..d2d174a 100644
--- a/src/frontend/pages/article/create.rs
+++ b/src/frontend/pages/article/create.rs
@@ -61,25 +61,26 @@ pub fn CreateArticle() -> impl IntoView {
                             set_text.update(|p| *p = val);
                         } >
                         </textarea>
+                        <div><a href="https://commonmark.org/help/" target="blank_">Markdown</a>" formatting is supported"</div>
+                        {move || {
+                            create_error
+                                .get()
+                                .map(|err| {
+                                    view! { <p style="color:red;">{err}</p> }
+                                })
+                        }}
+                        <input type="text"
+                            placeholder="Edit summary"
+                            on:keyup=move |ev| {
+                                let val = event_target_value(&ev);
+                                set_summary.update(|p| *p = val);
+                        }/>
+                        <button
+                            prop:disabled=move || button_is_disabled.get()
+                            on:click=move |_| submit_action.dispatch((title.get(), text.get(), summary.get()))>
+                            Submit
+                        </button>
                     </div>
-                    {move || {
-                        create_error
-                            .get()
-                            .map(|err| {
-                                view! { <p style="color:red;">{err}</p> }
-                            })
-                    }}
-                    <input type="text"
-                        placeholder="Summary"
-                        on:keyup=move |ev| {
-                            let val = event_target_value(&ev);
-                            set_summary.update(|p| *p = val);
-                    }/>
-                    <button
-                        prop:disabled=move || button_is_disabled.get()
-                        on:click=move |_| submit_action.dispatch((title.get(), text.get(), summary.get()))>
-                        Submit
-                    </button>
                 }
             }>
             <Redirect path={format!("/article/{}", title.get().replace(' ', "_"))} />
diff --git a/src/frontend/pages/article/edit.rs b/src/frontend/pages/article/edit.rs
index 420beed..5141067 100644
--- a/src/frontend/pages/article/edit.rs
+++ b/src/frontend/pages/article/edit.rs
@@ -113,6 +113,7 @@ pub fn EditArticle() -> impl IntoView {
                             }
                             // set initial text, otherwise submit with no changes results in empty text
                             set_text.set(article.article.text.clone());
+                            let article_ = article.clone();
                             view! {
                                 <div class="item-view">
                                     <h1>{article_title(&article.article)}</h1>
@@ -129,19 +130,20 @@ pub fn EditArticle() -> impl IntoView {
                                     }>
                                         {article.article.text.clone()}
                                     </textarea>
+                                    <div><a href="https://commonmark.org/help/" target="blank_">Markdown</a>" formatting is supported"</div>
+                                    <input type="text"
+                                        placeholder="Edit summary"
+                                        value={summary.get_untracked()}
+                                        on:keyup=move |ev| {
+                                            let val = event_target_value(&ev);
+                                            set_summary.update(|p| *p = val);
+                                    }/>
+                                    <button
+                                        prop:disabled=move || button_is_disabled.get()
+                                        on:click=move |_| submit_action.dispatch((text.get(), summary.get(), article_.clone(), edit_response.get()))>
+                                        Submit
+                                    </button>
                                 </div>
-                                <input type="text"
-                                    placeholder="Summary"
-                                    value={summary.get_untracked()}
-                                    on:keyup=move |ev| {
-                                        let val = event_target_value(&ev);
-                                        set_summary.update(|p| *p = val);
-                                }/>
-                                <button
-                                    prop:disabled=move || button_is_disabled.get()
-                                    on:click=move |_| submit_action.dispatch((text.get(), summary.get(), article.clone(), edit_response.get()))>
-                                    Submit
-                                </button>
                             }
                         })
                     }