From 5caa08e145e2a1588b6c07cb969381568ce7de86 Mon Sep 17 00:00:00 2001
From: Amatsugu <khamraj@kaisei.app>
Date: Sun, 29 Mar 2026 22:31:56 -0400
Subject: [PATCH] moving list to it's own component

---
 AobaClient/src/components/media_grid.rs | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/AobaClient/src/components/media_grid.rs b/AobaClient/src/components/media_grid.rs
index bd0516f..87d5873 100644
--- a/AobaClient/src/components/media_grid.rs
+++ b/AobaClient/src/components/media_grid.rs
@@ -53,6 +53,7 @@ pub fn MediaGrid(mut props: MediaGridProps) -> Element
 			}
 		}
 	});
+	let mut items = use_signal::<Vec<MediaModel>>(|| Vec::new());
 
 	use_memo(move || match media_result()
 	{
@@ -67,12 +68,9 @@ pub fn MediaGrid(mut props: MediaGridProps) -> Element
 					props.max_page.set(total_pages.max(1));
 					props.total_items.set(total_items.max(1));
 				}
+				items.set(result.items);
 				media_grid_display.set(rsx! {
-					{result.items.iter().map(|itm| rsx!{
-						MediaItem {
-							item: itm.clone()
-						}
-					})},
+					MediaList { items }
 				});
 			}
 			Err(msg) => media_grid_display.set(rsx! {
@@ -91,3 +89,16 @@ pub fn MediaGrid(mut props: MediaGridProps) -> Element
 		}
 	}
 }
+
+#[component]
+fn MediaList(items: Signal<Vec<MediaModel>>) -> Element
+{
+	let vec = items.cloned();
+	rsx! {
+		{vec.iter().map(|itm| rsx!{
+			MediaItem {
+				item: itm.clone()
+			}
+		})}
+	}
+}