Update version

src/components/common/Appbar.js

@@ -124,7 +124,7 @@ export const SearchAppbar = ({
 const styles = StyleSheet.create({
     searchAppbarContainer: {
         marginTop: Constants.statusBarHeight + 4,
-        height: 50,
+        height: 48,
         flexDirection: "row",
         alignItems: "center",
         paddingHorizontal: 16,

src/navigation/Router.js

@@ -4,6 +4,7 @@ import {
     TransitionPresets,
 } from "@react-navigation/stack";
 import { createMaterialBottomTabNavigator } from "@react-navigation/material-bottom-tabs";
+import { Provider } from "react-native-paper";
 
 import MaterialCommunityIcons from "react-native-vector-icons/MaterialCommunityIcons";
 
@@ -139,29 +140,31 @@ const BottomNavigator = () => {
 
 const Router = () => {
     return (
-        <Stack.Navigator screenOptions={stackNavigatorConfig}>
-            <Stack.Screen name="Router" component={BottomNavigator} />
-            <Stack.Screen
-                name="ChapterItem"
-                component={ChapterItem}
-                options={{ ...TransitionPresets.SlideFromRightIOS }}
-            />
-            <Stack.Screen
-                name="NovelItem"
-                component={NovelItem}
-                options={{
-                    headerTitle: "",
-                    headerShown: true,
-                    headerTransparent: true,
-                    headerTintColor: "white",
-                }}
-            />
-            <Stack.Screen name="BoxNovelStack" component={BoxNovelStack} />
-            <Stack.Screen
-                name="ReadLightNovelStack"
-                component={ReadLightNovelStack}
-            />
-        </Stack.Navigator>
+        <Provider>
+            <Stack.Navigator screenOptions={stackNavigatorConfig}>
+                <Stack.Screen name="Router" component={BottomNavigator} />
+                <Stack.Screen
+                    name="ChapterItem"
+                    component={ChapterItem}
+                    options={{ ...TransitionPresets.SlideFromRightIOS }}
+                />
+                <Stack.Screen
+                    name="NovelItem"
+                    component={NovelItem}
+                    options={{
+                        headerTitle: "",
+                        headerShown: true,
+                        headerTransparent: true,
+                        headerTintColor: "white",
+                    }}
+                />
+                <Stack.Screen name="BoxNovelStack" component={BoxNovelStack} />
+                <Stack.Screen
+                    name="ReadLightNovelStack"
+                    component={ReadLightNovelStack}
+                />
+            </Stack.Navigator>
+        </Provider>
     );
 };
 

src/screens/More/About.js

@@ -24,13 +24,13 @@ const AboutScreen = ({ navigation }) => {
                     titleStyle={{ color: theme.textColorPrimary }}
                     title="Version"
                     descriptionStyle={{ color: theme.textColorSecondary }}
-                    description="Stable 1.0.1"
+                    description="Stable 1.0.3"
                 />
                 <List.Item
                     titleStyle={{ color: theme.textColorPrimary }}
                     title="Build Time"
                     descriptionStyle={{ color: theme.textColorSecondary }}
-                    description="15-03-21 10:30 AM"
+                    description="20-03-21 14:12 PM"
                 />
 
                 <List.Item

src/screens/More/Settings.js

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
-import { View, Text } from "react-native";
+import { View } from "react-native";
 import { setStatusBarStyle } from "expo-status-bar";
-import { List, Modal, Provider, Portal } from "react-native-paper";
+import { List, Modal, Portal } from "react-native-paper";
 
 import { connect } from "react-redux";
 import { switchTheme } from "../../redux/actions/theme";
@@ -60,7 +60,7 @@ const SettingsScreen = ({
     const hidethemeModal = () => setthemeModalVisible(false);
 
     return (
-        <Provider>
+        <>
             <Appbar title="Settings" onBackAction={() => navigation.goBack()} />
             <View style={{ flex: 1, backgroundColor: theme.colorPrimaryDark }}>
                 <List.Section
@@ -178,7 +178,6 @@ const SettingsScreen = ({
                         >
                             {themes.map((item) => (
                                 <ThemeCheckbox
-                                    key={item.key}
                                     label={themes[item.themeCode].label}
                                     checked={
                                         themeCode === item.themeCode
@@ -195,7 +194,7 @@ const SettingsScreen = ({
                     </Portal>
                 </List.Section>
             </View>
-        </Provider>
+        </>
     );
 };
 

src/theme/theme.js

@@ -64,5 +64,5 @@ export const midnightDuskTheme = {
     textColorSecondary: "rgba(255,255,255,0.7)",
     textColorHintDark: "rgba(255,255,255,0.5)",
     rippleColor: "rgba(255,255,255,0.2)",
-    searchBarColor: "#1F1F1F",
+    searchBarColor: "#201F27",
 };