mobile: BookInfoReviewItem: show loading text and add margins

Purdue-CS307-tsundoku · Apr 21, 2024 · 16727a1 · 16727a1
1 parent 58222bd
commit 16727a1
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/mobile/Components/BookInfoReviewItem/BookInfoReviewItem.tsx b/mobile/Components/BookInfoReviewItem/BookInfoReviewItem.tsx
@@ -44,8 +44,11 @@ export const BookInfoReviewItem = ({ navigation, review_id }) => {
 
   if (reviewSWR.isLoading || reviewVoteSWR.isLoading) {
     return (
-      <View style={{ flex: 1, backgroundColor: "white" }}>
-        <ActivityIndicator />
+      <View style={{ flex: 1, backgroundColor: "white", margin: 30, alignItems: "center" }}>
+        <View style={{ flexDirection: "row" }}>
+          <Text>Loading review... </Text>
+          <ActivityIndicator />
+        </View>
       </View>
     );
   }