Minor fixes

src/components/NovelCover.js

@@ -258,7 +258,7 @@ const styles = StyleSheet.create({
         borderRadius: 4,
     },
     opac: {
-        padding: 5,
+        padding: 4.8,
         borderRadius: 4,
         flex: 1,
     },
@@ -277,7 +277,7 @@ const styles = StyleSheet.create({
     },
 
     downloadBadge: {
-        backgroundColor: "#47a84a",
+        backgroundColor: "#2979FF",
         color: "#FFFFFF",
         borderTopLeftRadius: 4,
         borderBottomLeftRadius: 4,

src/screens/Browse/BrowseSettings.js

@@ -94,6 +94,7 @@ const BrowseSettings = ({ navigation }) => {
                         }
                     />
                 </Pressable>
+                <List.Divider theme={theme} />
                 <List.SubHeader theme={theme}>Discover</List.SubHeader>
                 <Pressable
                     android_ripple={{ color: theme.rippleColor }}
@@ -116,6 +117,7 @@ const BrowseSettings = ({ navigation }) => {
                         }
                     />
                 </Pressable>
+                <List.Divider theme={theme} />
                 <List.SubHeader theme={theme}>Languages</List.SubHeader>
                 <FlatList
                     data={languages}

src/screens/Library/Library.js

@@ -7,6 +7,8 @@ import {
     ActivityIndicator,
     Pressable,
 } from "react-native";
+
+import MaterialCommunityIcons from "react-native-vector-icons/MaterialCommunityIcons";
 import { useFocusEffect } from "@react-navigation/native";
 import { useSelector, useDispatch } from "react-redux";
 
@@ -168,13 +170,25 @@ const LibraryScreen = ({ navigation }) => {
                     <View
                         style={{
                             backgroundColor: theme.searchBarColor,
-                            paddingVertical: 4,
+                            paddingVertical: 6,
                             alignItems: "center",
                             marginVertical: 8,
                             elevation: 2,
+                            flexDirection: "row",
+                            justifyContent: "center",
                         }}
                     >
-                        <Text style={{ color: theme.textColorSecondary }}>
+                        <MaterialCommunityIcons
+                            name="incognito"
+                            color={theme.textColorSecondary}
+                            size={18}
+                        />
+                        <Text
+                            style={{
+                                color: theme.textColorSecondary,
+                                marginLeft: 8,
+                            }}
+                        >
                             Incognito Mode
                         </Text>
                     </View>

src/screens/Library/components/LibraryFilterSheet.js

@@ -119,6 +119,7 @@ const LibraryFilterSheet = ({
         { displayMode: 0, label: "Compact Grid" },
         { displayMode: 1, label: "Comfortable Grid" },
         { displayMode: 2, label: "List" },
+        { displayMode: 3, label: "No Title Grid" },
     ];
 
     const {
@@ -238,8 +239,8 @@ const LibraryFilterSheet = ({
         <Bottomsheet
             animatedValue={animatedValue}
             ref={bottomSheetRef}
-            draggableRange={{ top: 470, bottom: 0 }}
-            snappingPoints={[0, 470]}
+            draggableRange={{ top: 480, bottom: 0 }}
+            snappingPoints={[0, 480]}
         >
             <View
                 style={[

src/screens/More/GeneralSettings.js

@@ -40,6 +40,7 @@ const GenralSettings = ({ navigation }) => {
             0: "Compact Grid",
             1: "Comfortable Grid",
             2: "List",
+            3: "No Title Grid",
         };
 
         return label[displayMode] ?? "Compact Grid";

src/screens/More/components/DisplayModeModal.js

@@ -17,6 +17,7 @@ const DisplayModeModal = ({
     const displayModes = [
         { displayMode: 0, label: "Compact Grid" },
         { displayMode: 1, label: "Comfortable Grid" },
+        { displayMode: 3, label: "No Title Grid" },
         { displayMode: 2, label: "List" },
     ];
 

src/services/backup/BackupQueries.js

@@ -46,7 +46,7 @@ const getLibraryDownloads = () => {
     );
 };
 
-const restoreNovelsQuery = `INSERT INTO novels (novelId, novelUrl, sourceUrl, sourceId, source, novelName, novelCover, novelSummary, author, artist, status, genre, followed, unread) VALUES(?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`;
+const restoreNovelsQuery = `INSERT OR REPLACE INTO novels (novelId, novelUrl, sourceUrl, sourceId, source, novelName, novelCover, novelSummary, author, artist, status, genre, followed, unread) VALUES(?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`;
 
 const restoreNovels = async (novel) => {
     db.transaction((tx) =>
@@ -74,7 +74,7 @@ const restoreNovels = async (novel) => {
     );
 };
 
-const restoreChaptersQuery = `INSERT INTO chapters (novelId, chapterId, chapterUrl, chapterName, releaseDate, bookmark, \`read\`, downloaded) VALUES (?, ?, ?, ?, ?, ?, ?, ?)`;
+const restoreChaptersQuery = `INSERT OR IGNORE INTO chapters (novelId, chapterId, chapterUrl, chapterName, releaseDate, bookmark, \`read\`, downloaded) VALUES (?, ?, ?, ?, ?, ?, ?, ?)`;
 
 const restoreChapters = async (chapter) => {
     const {
@@ -107,7 +107,7 @@ const restoreChapters = async (chapter) => {
     );
 };
 
-const restoreDownloadsQuery = `INSERT INTO downloads (downloadChapterId, chapterName, chapterText) VALUES (?, ?, ?)`;
+const restoreDownloadsQuery = `INSERT OR IGNORE INTO downloads (downloadChapterId, chapterName, chapterText) VALUES (?, ?, ?)`;
 
 const restoreDownloads = async (chapter) => {
     const { downloadChapterId, chapterName, chapterText } = chapter;

src/theme/theme.js

@@ -40,7 +40,7 @@ export const darkTheme = {
     menuColor: "#242529",
     filterColor: "#FFEB3B",
     dividerColor: DividerColors.DARK,
-    colorDisabled: "rgba(57,57,57,255)",
+    colorDisabled: PrimaryColors.dark.colorPrimary,
     colorButtonText: "#FFFFFF",
     statusBar: StatusBarStyle.LIGHT,
 };