mobile: LibraryCarouselTabs: refactor to one function

Purdue-CS307-tsundoku · Feb 26, 2024 · 09b8d00 · 09b8d00
1 parent 5858bab
commit 09b8d00
Showing 1 changed file with 9 additions and 34 deletions.
diff --git a/mobile/Components/LibraryCarousel/LibraryCarouselTabs.tsx b/mobile/Components/LibraryCarousel/LibraryCarouselTabs.tsx
@@ -1,21 +1,12 @@
 import * as React from "react";
-import {
-  Button,
-  FlatList,
-  StyleSheet,
-  Text,
-  View,
-  ScrollView,
-  Pressable,
-} from "react-native";
+import { Text, View, ScrollView, Pressable } from "react-native";
 import { createMaterialTopTabNavigator } from "@react-navigation/material-top-tabs";
 import Carousel from "../Carousel/Carousel";
 import Colors from "../../Constants/Colors";
 import { client } from "../../appwrite";
 import { Databases, Account } from "appwrite";
 import { useEffect, useState } from "react";
 import ID from "../../Constants/ID";
-import { BACKEND_API_BOOK_SEARCH_URL } from "../../Constants/URLs";
 import { Query } from "appwrite";
 
 const Tab = createMaterialTopTabNavigator();
@@ -111,11 +102,13 @@ function MyTabBar({ state, descriptors, navigation, position }) {
   );
 }
 
-function CurrentlyReadingCarousel() {
+function ReadingStatusCarousel({ status }) {
   const [books, setBooks] = useState([]);
 
   useEffect(() => {
-    (async () => {setBooks(await getBooksOfStatus("CURRENTLY_READING"))})();
+    (async () => {
+      setBooks(await getBooksOfStatus(status));
+    })();
   }, []);
 
   return (
@@ -125,24 +118,6 @@ function CurrentlyReadingCarousel() {
   );
 }
 
-function WantToReadCarousel() {
-  return <View style={{ flex: 1 }}>{/* <Carousel books={books} /> */}</View>;
-}
-
-function ReadCarousel() {
-  return (
-    <View style={{ flex: 1 }}>{/* <Carousel currentShelf={"Read"} /> */}</View>
-  );
-}
-
-function DNFCarousel() {
-  return (
-    <View style={{ flex: 1 }}>
-      {/* <Carousel currentShelf={"Did Not Finish"} /> */}
-    </View>
-  );
-}
-
 function LibraryCarouselTabs({ navigation }) {
   return (
     <Tab.Navigator
@@ -151,7 +126,7 @@ function LibraryCarouselTabs({ navigation }) {
     >
       <Tab.Screen
         name="Currently Reading"
-        component={CurrentlyReadingCarousel}
+        children={() => <ReadingStatusCarousel status="CURRENTLY_READING" />}
         listeners={{
           tabPress: (e) => {
             shelf = "Currently Reading";
@@ -160,7 +135,7 @@ function LibraryCarouselTabs({ navigation }) {
       />
       <Tab.Screen
         name="Want To Read"
-        component={WantToReadCarousel}
+        children={() => <ReadingStatusCarousel status="WANT_TO_READ" />}
         listeners={{
           tabPress: (e) => {
             shelf = "Want To Read";
@@ -169,7 +144,7 @@ function LibraryCarouselTabs({ navigation }) {
       />
       <Tab.Screen
         name="Read"
-        component={ReadCarousel}
+        children={() => <ReadingStatusCarousel status="READ" />}
         listeners={{
           tabPress: (e) => {
             shelf = "Read";
@@ -178,7 +153,7 @@ function LibraryCarouselTabs({ navigation }) {
       />
       <Tab.Screen
         name="Did Not Finish"
-        component={DNFCarousel}
+        children={() => <ReadingStatusCarousel status="DID_NOT_FINISH" />}
         listeners={{
           tabPress: (e) => {
             shelf = "Did Not Finish";