Fix novel backdrop gradient

src/components/ChapterCard.js

@@ -19,7 +19,7 @@ const ChapterCard = ({
             flexDirection: "row",
             justifyContent: "space-between",
             alignItems: "center",
-            borderTopColor: "rgba(255,255,255,.12)",
+            // borderTopColor: "rgba(255,255,255,.12)",
             borderTopWidth: 1,
         }}
         onPress={() =>

src/components/NovelInfoHeader.js

@@ -151,19 +151,14 @@ const NovelInfoHeader = ({
                                     borderColor: "rgba(255,255,255,0.121)",
                                     borderWidth: 1,
                                     justifyContent: "center",
-                                    height: 32,
+                                    height: 30,
                                     alignItems: "center",
                                     marginLeft: 15,
+                                    paddingHorizontal: 3,
+                                },
+                                libraryStatus === 1 && {
+                                    backgroundColor: "rgba(41,121,255,0.38)",
                                 },
-                                libraryStatus === 1
-                                    ? {
-                                          width: 120,
-                                          backgroundColor:
-                                              "rgba(41,121,255,0.38)",
-                                      }
-                                    : {
-                                          width: 150,
-                                      },
                             ]}
                             textStyle={{
                                 fontWeight: "bold",
@@ -174,6 +169,7 @@ const NovelInfoHeader = ({
                                 ? "In Library"
                                 : "Add to library"}
                         </Chip>
+
                         <IconButton
                             onPress={() =>
                                 WebBrowser.openBrowserAsync(
@@ -200,7 +196,7 @@ const NovelInfoHeader = ({
                             style={{
                                 paddingHorizontal: 15,
                                 marginBottom: 10,
-                                marginTop: 5,
+                                // marginTop: 5,
                             }}
                         >
                             <Text
@@ -237,28 +233,26 @@ const NovelInfoHeader = ({
                                 }}
                                 onPress={() => setMore(!more)}
                             >
-                                {more ? "Less" : "More"}
+                                {more ? "Less " : "More "}
                             </Text>
                         </View>
                     )}
-                    {(more || novel.novelSummary === "") && (
-                        <FlatList
-                            style={
-                                novel.novelSummary === "" && { marginTop: 20 }
-                            }
-                            contentContainerStyle={{
-                                paddingHorizontal: 15,
-                                marginBottom: 15,
-                            }}
-                            horizontal
-                            data={
-                                novel["Genre(s)"] &&
-                                novel["Genre(s)"].split(",")
-                            }
-                            keyExtractor={(item) => item}
-                            renderItem={renderGenreChip}
-                        />
-                    )}
+
+                    <FlatList
+                        style={
+                            novel.novelSummary === ""
+                                ? { marginTop: 20 }
+                                : { marginTop: 10 }
+                        }
+                        contentContainerStyle={{
+                            paddingHorizontal: 15,
+                            marginBottom: 15,
+                        }}
+                        horizontal
+                        data={novel["Genre(s)"] && novel["Genre(s)"].split(",")}
+                        keyExtractor={(item) => item}
+                        renderItem={renderGenreChip}
+                    />
 
                     <Button
                         color={theme.textColorPrimaryDark}
@@ -333,13 +327,12 @@ const styles = StyleSheet.create({
     },
     linearGradient: {
         flex: 1,
-        backgroundColor: "rgba(256, 256, 256, 0.5)",
     },
     detailsContainer: {
         flex: 1,
         flexDirection: "row",
         margin: 15,
-        paddingTop: 80,
+        paddingTop: 90,
     },
     logo: {
         height: 160,

src/components/NovelItemBottomSheet.js

@@ -28,7 +28,6 @@ export const BottomSheet = ({
 
     return (
         <Bottomsheet
-            animatedValue={new Animated.Value(0)}
             ref={bottomSheetRef}
             draggableRange={{ top: 370, bottom: 0 }}
             snappingPoints={[0, 370]}

src/screens/ChapterItem.js

@@ -52,6 +52,13 @@ const ChapterItem = ({ route, navigation }) => {
                     console.log("Updated into history table: " + novelUrl),
                 (tx, error) => console.log(error)
             );
+            tx.executeSql(
+                "UPDATE LibraryTable SET lastRead = ?, lastReadName = ?, unread = 0 WHERE novelUrl = ?",
+                [chapterUrl, chapterName, novelUrl],
+                (tx, res) =>
+                    console.log("Set Last read" + novelUrl + chapterUrl),
+                (tx, error) => console.log(error)
+            );
         });
     };
 

src/screens/More/About.js

@@ -23,7 +23,7 @@ const AboutScreen = ({ navigation }) => {
                     titleStyle={{ color: theme.textColorPrimaryDark }}
                     title="Version"
                     descriptionStyle={{ color: theme.textColorSecondaryDark }}
-                    description="Stable 1.0.3"
+                    description="Stable 1.0.5"
                 />
                 <List.Item
                     titleStyle={{ color: theme.textColorPrimaryDark }}

src/screens/More/Settings.js

@@ -20,7 +20,7 @@ const AboutScreen = ({ navigation }) => {
     const [displayMode, setDisplayMode] = useState("compact");
 
     AsyncStorage.getItem("@display_mode").then((value) => {
-        setDisplayMode(value);
+        if (value) setDisplayMode(value);
     });
 
     const deleteHistory = () => {