From 29546c94064b580e5bcc1bb611c74d8a11c5f28f Mon Sep 17 00:00:00 2001
From: samliu <liu3420@purdue.edu>
Date: Sun, 25 Feb 2024 11:04:26 -0500
Subject: [PATCH] Added structure for genre filtering

---
 .../BookSearchBar/BookSearchBar.tsx           | 50 +++++++++++++++----
 mobile/Components/ShelfModal/ShelfModal.tsx   | 17 ++++++-
 2 files changed, 56 insertions(+), 11 deletions(-)

diff --git a/mobile/Components/BookSearchBar/BookSearchBar.tsx b/mobile/Components/BookSearchBar/BookSearchBar.tsx
index 7951ed67..a192ffc2 100644
--- a/mobile/Components/BookSearchBar/BookSearchBar.tsx
+++ b/mobile/Components/BookSearchBar/BookSearchBar.tsx
@@ -7,6 +7,35 @@ import {} from "react-native-vector-icons"
 import { RadioButton } from 'react-native-paper';
 import { DATA } from "./Genres";
 
+export const genresSelected: Array<string> = [
+    "YOUNG ADULT FICTION","ANTIQUES & COLLECTIBLES",
+    "LITERARY COLLECTIONS","ARCHITECTURE",
+    "LITERARY CRITICISM","ART",
+    "MATHEMATICS","BIBLES",
+    "MEDICAL","BIOGRAPHY & AUTOBIOGRAPHY",
+    "MUSIC","BODY",
+    "MIND & SPIRIT","NATURE",
+    "BUSINESS & ECONOMICS","PERFORMING ARTS",
+    "COMICS & GRAPHIC NOVELS","PETS",
+    "COMPUTERS","PHILOSOPHY",
+    "COOKING","PHOTOGRAPHY",
+    "CRAFTS & HOBBIES","POETRY","DESIGN",
+    "POLITICAL SCIENCE","DRAMA",
+    "PSYCHOLOGY","EDUCATION",
+    "REFERENCE","FAMILY & RELATIONSHIPS",
+    "RELIGION","FICTION",
+    "SCIENCE","FOREIGN LANGUAGE STUDY",
+    "SELF-HELP","GAMES & ACTIVITIES",
+    "SOCIAL SCIENCE","GARDENING",
+    "SPORTS & RECREATION","HEALTH & FITNESS",
+    "STUDY AIDS","HISTORY",
+    "TECHNOLOGY & ENGINEERING","HOUSE & HOME",
+    "TRANSPORTATION","HUMOR",
+    "TRAVEL","JUVENILE FICTION",
+    "TRUE CRIME","JUVENILE NONFICTION",
+    "LANGUAGE ARTS & DISCIPLINES",
+    "YOUNG ADULT NONFICTION","LAW"];
+
 const BookSearchBar = ( {search, updateSearch} ) => {
     const [checked, setChecked] = React.useState('title');
     const [isOverlayVisible, setOverlayVisible] = useState(false);
@@ -35,20 +64,20 @@ const BookSearchBar = ( {search, updateSearch} ) => {
                 <TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
                     <View style={{ flex: 10 }}>
                         <SearchBar
-                        placeholder={"Search list"}
-                        lightTheme
-                        round
-                        onChangeText={updateSearch}
-                        value={search}
-                        autoCorrect={false}
-                        containerStyle={{padding: 0, backgroundColor: "transparent", borderBottomColor: "transparent", borderTopColor: "transparent"}}
-                        inputContainerStyle={{borderRadius: 20, backgroundColor: "#F7F7F7"}}
-                        style={{position: "relative", }}
+                            placeholder={"Search list"}
+                            lightTheme
+                            round
+                            onChangeText={updateSearch}
+                            value={search}
+                            autoCorrect={false}
+                            containerStyle={{padding: 0, backgroundColor: "transparent", borderBottomColor: "transparent", borderTopColor: "transparent"}}
+                            inputContainerStyle={{borderRadius: 20, backgroundColor: "#F7F7F7"}}
+                            style={{position: "relative", }}
                         />
                     </View>
                 </TouchableWithoutFeedback>
                 <View style={{ flex: 2, alignItems:"center"}}>
-                    <Button type="clear" onPress={ toggleOverlay } icon={<Icon name="filter" color={"#5B2FA3"} size={30} /> } />
+                    <Button type="clear" onPress={ toggleOverlay } icon={ <Icon name="filter" color={"#5B2FA3"} size={30} /> } />
                 </View>
 
                 <Overlay isVisible={isOverlayVisible} onBackdropPress={toggleOverlay} overlayStyle={{ backgroundColor: "white", width: '89%', height: '70%', borderRadius: 20, marginTop: 60 }}>
@@ -82,6 +111,7 @@ const BookSearchBar = ( {search, updateSearch} ) => {
                                         containerStyle={{ paddingLeft: 0, paddingTop: 0, }}
                                         textStyle={{ fontWeight: 'normal', fontSize: 17, marginLeft: 7 }}
                                     /> : <View/>}
+
                                 </View>
                             </View>
                             }
diff --git a/mobile/Components/ShelfModal/ShelfModal.tsx b/mobile/Components/ShelfModal/ShelfModal.tsx
index aa861446..5e997ae9 100644
--- a/mobile/Components/ShelfModal/ShelfModal.tsx
+++ b/mobile/Components/ShelfModal/ShelfModal.tsx
@@ -7,6 +7,19 @@ import { Divider } from "@rneui/base";
 
 import { NavigationContext } from "../../Contexts";
 import { shelf } from "../CarouselTabs";
+import { genresSelected } from "../BookSearchBar"
+
+function checkTitle(value, search) {
+  return ((value.title).toUpperCase()).includes(search.toUpperCase());
+}
+
+function checkAuthor(value, search) {
+  return ((value.author).toUpperCase()).includes(search.toUpperCase());
+}
+
+function checkGenres(value) {
+  return genresSelected.includes(value.toUpperCase());
+}
 
 const ShelfModal = ({
   isShelfModalVisible,
@@ -93,7 +106,9 @@ const ShelfModal = ({
             marginTop: -14
           }}>
             <FlatList
-              data={books.filter((e) => (((e.title).toUpperCase()).includes(search.toUpperCase()) || ((e.author).toUpperCase()).includes(search.toUpperCase())))}
+              data={books.filter((e) => ((checkTitle(e, search) || 
+                checkAuthor(e, search)) //&& (checkGenres(e.genre))
+                ))}
               scrollEventThrottle={1}
               style={{
                 flex: 1,