From 4e77e653624fcb12ccb52c56d8226e1359cd64f9 Mon Sep 17 00:00:00 2001
From: Felix Ableitner <me@nutomic.com>
Date: Mon, 25 Nov 2024 12:00:36 +0100
Subject: [PATCH] replace <Transition> with <Suspense> to fix crash

---
 src/frontend/app.rs            |  3 +--
 src/frontend/components/nav.rs | 10 +++++-----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/frontend/app.rs b/src/frontend/app.rs
index 1c4bca7..807c804 100644
--- a/src/frontend/app.rs
+++ b/src/frontend/app.rs
@@ -35,8 +35,7 @@ pub fn site() -> Resource<SiteView> {
 }
 
 pub fn is_logged_in() -> bool {
-    //site().with_default(|site| site.my_profile.is_some())
-    false
+    site().with_default(|site| site.my_profile.is_some())
 }
 pub fn is_admin() -> bool {
     site().with_default(|site| {
diff --git a/src/frontend/components/nav.rs b/src/frontend/components/nav.rs
index 5fa91e5..6912ef4 100644
--- a/src/frontend/components/nav.rs
+++ b/src/frontend/components/nav.rs
@@ -50,7 +50,7 @@ pub fn Nav() -> impl IntoView {
                         <li>
                             <A href="/articles">"Articles"</A>
                         </li>
-                        <Transition>
+                        <Suspense>
                             <Show when=is_logged_in>
                                 <li>
                                     <A href="/create-article">"Create Article"</A>
@@ -59,12 +59,12 @@ pub fn Nav() -> impl IntoView {
                                     <A href="/notifications">
                                         "Notifications "
                                         <span class="indicator-item indicator-end badge badge-neutral">
-                                            {move || notification_count.get()}
+                                            <Suspense>{move || notification_count.get()}</Suspense>
                                         </span>
                                     </A>
                                 </li>
                             </Show>
-                        </Transition>
+                        </Suspense>
                         <li>
                             <form
                                 class="form-control m-0 p-1"
@@ -96,7 +96,7 @@ pub fn Nav() -> impl IntoView {
                         </li>
                     </ul>
                     <div class="divider"></div>
-                    <Transition>
+                    <Suspense>
                         <Show
                             when=is_logged_in
                             fallback=move || {
@@ -137,7 +137,7 @@ pub fn Nav() -> impl IntoView {
                             }
 
                         </Show>
-                    </Transition>
+                    </Suspense>
                     <div class="grow min-h-2"></div>
                     <div class="m-1 grid gap-2">
                         <label class="flex cursor-pointer gap-2">