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

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

diff --git a/src/components/items_list.rs b/src/components/items_list.rs
new file mode 100644
index 0000000..898a98e
--- /dev/null
+++ b/src/components/items_list.rs
@@ -0,0 +1,23 @@
+use leptos::*;
+use crate::models::item::Item;
+
+#[component]
+pub fn ItemsList(cx: Scope, items: Vec<Item>) -> impl IntoView {
+    view! { cx,
+        <div>
+            <h2>{ "Items" }</h2>
+            <ul>
+                {items.iter().map(|item| view! { cx,
+                    <li>
+                        <strong>{ &item.name }</strong> - { &item.description }
+                        <ul>
+                            {item.tags.iter().map(|(key, value)| view! { cx,
+                                <li>{ key.clone() + ": " + value }</li>
+                            }).collect::<Vec<_>>()}
+                        </ul>
+                    </li>
+                }).collect::<Vec<_>>()}
+            </ul>
+        </div>
+    }
+}