From 0593b939c6cb733b6131d7264d3296a031c0a988 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Wed, 13 Mar 2024 15:00:34 +0000
Subject: mobile: Add loading spinners when the data is being fetched

---
 packages/mobile/components/bookmarks/BookmarkList.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'packages/mobile/components/bookmarks/BookmarkList.tsx')

diff --git a/packages/mobile/components/bookmarks/BookmarkList.tsx b/packages/mobile/components/bookmarks/BookmarkList.tsx
index 0a57695c..8e408709 100644
--- a/packages/mobile/components/bookmarks/BookmarkList.tsx
+++ b/packages/mobile/components/bookmarks/BookmarkList.tsx
@@ -3,6 +3,7 @@ import { Text, View } from "react-native";
 import Animated, { LinearTransition } from "react-native-reanimated";
 
 import BookmarkCard from "./BookmarkCard";
+import FullPageSpinner from "../ui/FullPageSpinner";
 
 import { api } from "@/lib/trpc";
 
@@ -29,8 +30,7 @@ export default function BookmarkList({
   }, [isPending, isPlaceholderData]);
 
   if (isPending || !data) {
-    // TODO: Add a spinner
-    return;
+    return <FullPageSpinner />;
   }
 
   const onRefresh = () => {
-- 
cgit v1.3-1-g0d28

