From 5d2d55eef5e7d3fb4f5ec7ab1d65ea50122fc097 Mon Sep 17 00:00:00 2001
From: Rajarshee Chatterjee <rajarshee.adm@gmail.com>
Date: Mon, 4 Jan 2021 09:07:42 +0530
Subject: [PATCH] Fix novel backdrop gradient

---
 src/components/ChapterCard.js          |  2 +-
 src/components/NovelInfoHeader.js      | 57 +++++++++++---------------
 src/components/NovelItemBottomSheet.js |  1 -
 src/screens/ChapterItem.js             |  7 ++++
 src/screens/More/About.js              |  2 +-
 src/screens/More/Settings.js           |  2 +-
 6 files changed, 35 insertions(+), 36 deletions(-)

diff --git a/src/components/ChapterCard.js b/src/components/ChapterCard.js
index 0e459c44..70abe561 100644
--- a/src/components/ChapterCard.js
+++ b/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={() =>
diff --git a/src/components/NovelInfoHeader.js b/src/components/NovelInfoHeader.js
index 1a63b927..d7957da2 100644
--- a/src/components/NovelInfoHeader.js
+++ b/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,
diff --git a/src/components/NovelItemBottomSheet.js b/src/components/NovelItemBottomSheet.js
index 3fe00b12..1e95b832 100644
--- a/src/components/NovelItemBottomSheet.js
+++ b/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]}
diff --git a/src/screens/ChapterItem.js b/src/screens/ChapterItem.js
index 5612ed15..156e7c19 100644
--- a/src/screens/ChapterItem.js
+++ b/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)
+            );
         });
     };
 
diff --git a/src/screens/More/About.js b/src/screens/More/About.js
index 0d715012..869d8ad6 100644
--- a/src/screens/More/About.js
+++ b/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 }}
diff --git a/src/screens/More/Settings.js b/src/screens/More/Settings.js
index 1327fabd..b00ca729 100644
--- a/src/screens/More/Settings.js
+++ b/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 = () => {