mobile: Fix the naming of the lists screen

1 files changed, 8 insertions, 8 deletions

diff --git a/apps/mobile/app/dashboard/lists/[slug].tsx b/apps/mobile/app/dashboard/lists/[slug].tsx
index fdd67763..f85aeeaf 100644
--- a/apps/mobile/app/dashboard/lists/[slug].tsx
+++ b/apps/mobile/app/dashboard/lists/[slug].tsx
@@ -11,20 +11,20 @@ export default function ListView() {
   }
   const { data: list } = api.lists.get.useQuery({ listId: slug });
 
-  if (!list) {
-    return <FullPageSpinner />;
-  }
-
   return (
     <>
       <Stack.Screen
         options={{
-          headerTitle: `${list.icon} ${list.name}`,
+          headerTitle: list ? `${list.icon} ${list.name}` : "Loading ...",
         }}
       />
-      <View>
-        <BookmarkList archived={false} ids={list.bookmarks} />
-      </View>
+      {list ? (
+        <View>
+          <BookmarkList archived={false} ids={list.bookmarks} />
+        </View>
+      ) : (
+        <FullPageSpinner />
+      )}
     </>
   );
 }