From 971e3ed80f386a920cfef9e088e93026c8f56ff7 Mon Sep 17 00:00:00 2001
From: Felix Ableitner <me@nutomic.com>
Date: Tue, 10 Dec 2024 10:35:30 +0100
Subject: [PATCH] Fix another hydration error

---
 src/frontend/pages/instance/details.rs | 37 +++++++++++++-------------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/src/frontend/pages/instance/details.rs b/src/frontend/pages/instance/details.rs
index 92e3c35..5cd98c0 100644
--- a/src/frontend/pages/instance/details.rs
+++ b/src/frontend/pages/instance/details.rs
@@ -54,24 +54,25 @@ pub fn InstanceDetails() -> impl IntoView {
                                 <div>{instance.description}</div>
                                 <h2 class="font-serif text-xl font-bold">Articles</h2>
                                 <ul class="list-none">
-                                    {move || {
-                                        articles
-                                            .get()
-                                            .map(|a| {
-                                                a.into_iter()
-                                                    .map(|a| {
-                                                        view! {
-                                                            <li>
-                                                                <a class="text-lg link" href=article_path(&a)>
-                                                                    {article_title(&a)}
-                                                                </a>
-                                                            </li>
-                                                        }
-                                                    })
-                                                    .collect::<Vec<_>>()
-                                            })
-                                    }}
-
+                                    <Suspense>
+                                        {move || {
+                                            articles
+                                                .get()
+                                                .map(|a| {
+                                                    a.into_iter()
+                                                        .map(|a| {
+                                                            view! {
+                                                                <li>
+                                                                    <a class="text-lg link" href=article_path(&a)>
+                                                                        {article_title(&a)}
+                                                                    </a>
+                                                                </li>
+                                                            }
+                                                        })
+                                                        .collect::<Vec<_>>()
+                                                })
+                                        }}
+                                    </Suspense>
                                 </ul>
                             </div>
                         }