TODO: Chỉnh sửa một xíu giao diện drawer navigation

src/routers/drawer_schedule/drawerView.js

@@ -30,9 +30,8 @@ const DrawerNavigatorView = (props) => {
     <TouchableOpacity
       style={styles.headerBackButton}
       onPress={onPress}
-      activeOpacity={0.7}
     >
-      <Image source={ArrowLeft} width={20} height={20} />
+        <Image source={R.images.icBack} style={{width: 25, height: 20}}/>
     </TouchableOpacity>
   );
 
@@ -59,7 +58,7 @@ const DrawerNavigatorView = (props) => {
 
   const MenuButton = ({ onPress }) => (
     <TouchableOpacity style={styles.menuButton} onPress={onPress}>
-      <Image source={IconMenu} width={24} height={24} />
+      <Image source={IconMenu} style={{width: 25, height: 20}} tintColor={R.colors.white}/>
     </TouchableOpacity>
   );
 
@@ -74,6 +73,9 @@ const DrawerNavigatorView = (props) => {
         if (route.name === ScreenName.FILTERWEEK) {
         return `Tháng ${currentDate.getMonth() + 1}`;
       }
+      if (route.name === ScreenName.FILTERMONTH) {
+        return `Tháng ${currentDate.getMonth() + 1}`;
+      }
  
 
 
@@ -85,6 +87,7 @@ const DrawerNavigatorView = (props) => {
         <Text style={styles.headerTitleText}>
           {getHeaderTitle()}
         </Text>
+        <Image source={R.images.icDrop} style={{width: 25, height: 20}} tintColor={R.colors.white}/>
       </TouchableOpacity>
     );
   };
@@ -115,13 +118,15 @@ const DrawerNavigatorView = (props) => {
         ),
 
         headerTitle: () => (
+          <View style={styles.headerTitleContainer}>
             <HeaderTitle navigation={navigation} route={route} />
+          </View>
         ),
 
         headerRight: () => (
           <View style={styles.headerRightContainer}>
             <TouchableOpacity style={styles.searchButton}>
-              <Image source={IconSearch} width={20} height={20} />
+              <Image source={IconSearch} style={{width: 25, height: 25}} tintColor={R.colors.white}/>
             </TouchableOpacity>
             <View style={styles.avatarButton} />
           </View>
@@ -174,13 +179,10 @@ const mapStateToProps = (state) => ({
 
 const styles = StyleSheet.create({
   headerBackButton: {
-    padding: 10,
-    marginLeft: 10,
-    borderRadius: 8,
+    marginLeft:15
   },
   menuButton: {
-    padding: 10,
-    marginLeft: 5,
+    marginLeft: 15,
   },
   headerLeftContainer: {
     flexDirection: "row",
@@ -204,12 +206,16 @@ const styles = StyleSheet.create({
   headerTitleButton: {
     alignItems: 'center',
     justifyContent: 'center',
+    flexDirection: 'row',
   },
   headerTitleText: {
     fontSize: R.sizes.lg,
     color: R.colors.white,
     fontFamily: R.fonts.fontMedium,
   },
+  headerTitleContainer: {
+    flexDirection: 'row',
+  },
 });
 
 export default connect(mapStateToProps, {})(DrawerNavigatorView);
\ No newline at end of file

src/routers/drawer_schedule/itemDrawer.js

@@ -93,8 +93,8 @@ const CustomDrawerContent = (props) => {
         onValueChange={(newValue) => handleCheckboxChange(config.key, newValue)}
         label={config.label}
         labelSpacing={30}
-        size={25}
-        labelSize={R.sizes.lg}
+        size={20}
+        labelSize={R.sizes.md}
         checkedColor={R.colors.black}
         marginBottom={20}
         labelFontFamily={R.fonts.fontRegular}
@@ -122,6 +122,7 @@ const CustomDrawerContent = (props) => {
             source={item.iconSource} 
             style={styles.filterIcon}
             resizeMode="contain"
+            tintColor={isSelected ? R.colors.white : R.colors.black}
           />
           <Text style={[
             styles.filterLabel,
@@ -196,14 +197,14 @@ const styles = StyleSheet.create({
   },
   filterLabel: {
     marginLeft: 30,
-    fontSize: R.sizes.lg,
+    fontSize: R.sizes.md,
     color: R.colors.black,
     flex: 1, 
     fontFamily: R.fonts.fontMedium,
     fontWeight: '400',
   },
   filterLabelSelected: {
-    color: R.colors.blue,
+    color: R.colors.white,
     fontFamily: R.fonts.fontSemiBold,
   },
   divider: {