From b692c12e7e6155f5eb26f1c258941849aff57c00 Mon Sep 17 00:00:00 2001
From: Ryan Mwangi <ryannganga13325@gmail.com>
Date: Thu, 5 Dec 2024 14:33:32 +0300
Subject: [PATCH] feat(components): build item form component

---
 src/components/item_form.rs | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/components/item_form.rs

diff --git a/src/components/item_form.rs b/src/components/item_form.rs
new file mode 100644
index 0000000..517f35f
--- /dev/null
+++ b/src/components/item_form.rs
@@ -0,0 +1,23 @@
+use leptos::*;
+
+#[component]
+pub fn ItemForm(cx: Scope, on_submit: Box<dyn Fn(String, String, Vec<(String, String)>)>) -> impl IntoView {
+    let name = create_signal(cx, String::new());
+    let description = create_signal(cx, String::new());
+    let tags = create_signal(cx, vec![]);
+
+    let handle_submit = move |_| {
+        on_submit(name.get().clone(), description.get().clone(), tags.get().clone());
+        name.set(String::new());
+        description.set(String::new());
+        tags.set(vec![]);
+    };
+
+    view! { cx,
+        <form on:submit=handle_submit>
+            <input type="text" placeholder="Name" value=name.clone() on:input=move |e| name.set(event_target_value(&e)) />
+            <textarea placeholder="Description" value=description.clone() on:input=move |e| description.set(event_target_value(&e)) />
+            <button type="submit">{ "Add Item" }</button>
+        </form>
+    }
+}