Small style changes to shelf modal

Purdue-CS307-tsundoku · Mar 17, 2024 · 0d3ee5c · 0d3ee5c
1 parent 7fcd73e
commit 0d3ee5c
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 5 deletions.
diff --git a/mobile/Components/BookSearchBar/BookSearchBar.tsx b/mobile/Components/BookSearchBar/BookSearchBar.tsx
@@ -121,7 +121,6 @@ const BookSearchBar = ({
           </View>
         </Overlay>
       </View>
-      <Divider style={{ marginTop: 11, paddingBottom: 0 }} />
 
       {/*}
             <View style={{position: "absolute", bottom: -40, flexDirection: "row"}}>

diff --git a/mobile/Components/DiscoverCarouselTabs/DiscoverCarouselTabs.tsx b/mobile/Components/DiscoverCarouselTabs/DiscoverCarouselTabs.tsx
@@ -120,6 +120,10 @@ function RecommendedCarousel() {
 
     getHardcodedBooks().then((data) => {
       setBooks(data);
+    }).catch(error => {
+      if (error instanceof TypeError) {
+        console.log("No books found")
+      }
     });
   }, []);
   return (

diff --git a/mobile/Components/ShelfModal/ShelfModal.tsx b/mobile/Components/ShelfModal/ShelfModal.tsx
@@ -101,6 +101,9 @@ const ShelfModal = ({ route, navigation }) => {
           GENRES={GENRES}
         />
       </View>
+
+      <Divider style={styles.sectionDivider} />
+
       <View
         style={styles.resultsContainer}
       >
@@ -135,7 +138,7 @@ const ShelfModal = ({ route, navigation }) => {
                     <Text>ISBN: {item.isbn}</Text>
                   </View>
                 </TouchableOpacity>
-                <Divider style={styles.divider} />
+                <Divider style={styles.resultDivider} />
               </View>
             );
           }}
@@ -204,7 +207,7 @@ const styles = StyleSheet.create({
     position: "absolute",
     height: "82.3%",
     borderRadius: 10,
-    top: 150,
+    top: 148,
     left: 20,
     paddingTop: 0,
     marginTop: -14,
@@ -221,8 +224,16 @@ const styles = StyleSheet.create({
     paddingLeft: 10,
     width: "80%",
   },
-  divider: { 
+  resultDivider: { 
     paddingTop: 8, 
-    paddingBottom: 8 
+    paddingBottom: 8,
+    width: '90%',
   },
+  sectionDivider: {
+    paddingTop: 0, 
+    paddingBottom: 0, 
+    width: '94%', 
+    position: "absolute", 
+    top: 133, 
+    left: '3%'},
 });