From 54fa246229d2645d3fe054880065276387ebe6c7 Mon Sep 17 00:00:00 2001
From: Adam <24621027+adoyle0@users.noreply.github.com>
Date: Thu, 29 Aug 2024 21:44:39 -0400
Subject: [PATCH] fix browser not updating live

---
 client/src/components/browser.rs | 29 +++++++++++++++--------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/client/src/components/browser.rs b/client/src/components/browser.rs
index ae33049..f99f4f6 100644
--- a/client/src/components/browser.rs
+++ b/client/src/components/browser.rs
@@ -59,20 +59,21 @@ pub fn Browser() -> impl IntoView {
                                     <th class="border-b"></th>
                                 </tr>
                             </thead>
-                            <For
-                                each=move || game_browser_context()
-                                key=|game| game.uuid.clone()
-                                children=move |game| {
+
+                            // This rebuilds the entire browser each time it runs but using <For /> won't update the children if the id doesn't change
+                            {game_browser_context()
+                                .iter()
+                                .cloned()
+                                .map(|game| {
                                     view! {
+                                        {
+                                            logging::log!("I ran");
+                                        }
                                         <tr>
-                                            <td class="text-center border-b">{&game.name}</td>
-                                            <td class="text-center border-b">{&game.host}</td>
-                                            <td class="text-center border-b">
-                                                {&game.players.to_string()}
-                                            </td>
-                                            <td class="text-center border-b">
-                                                {&game.packs.len().to_string()}
-                                            </td>
+                                            <td class="text-center border-b">{game.name}</td>
+                                            <td class="text-center border-b">{game.host}</td>
+                                            <td class="text-center border-b">{game.players}</td>
+                                            <td class="text-center border-b">{game.packs.len()}</td>
                                             <td class="text-center border-b">
                                                 <button
                                                     type="button"
@@ -95,8 +96,8 @@ pub fn Browser() -> impl IntoView {
                                             </td>
                                         </tr>
                                     }
-                                }
-                            />
+                                })
+                                .collect_view()}
                         </table>
                     </div>
                 </Show>