TODO: Tối ưu hóa style cho các component: điều chỉnh kích thước và loại bỏ border không cần thiết

src/screens/academic_advisor/list_student/style.js

@@ -68,10 +68,10 @@ const styles = StyleSheet.create({
   },
   studentCard: {
     backgroundColor: R.colors.white,
-    marginVertical: 10,
+    marginVertical: 7.5,
     borderRadius: 15,
     marginHorizontal: 15,
-    padding: 15,
+    padding: 10,
 
     shadowColor: R.colors.black,
     shadowOffset: {width: 0.5, height: 2},

src/screens/class_schedule/filterWeek/style.js

@@ -90,8 +90,6 @@ const styles = StyleSheet.create({
     paddingVertical: 4,
   },
   dayHeaderTextToday: {
-    color: R.colors.blue,
-    fontWeight: '700',
   },
 
   // ==================== TIME SLOTS CONTAINER ====================

src/screens/incoming_document/view.js

@@ -88,9 +88,9 @@ const IncomingDocumentView = props => {
               onPress={() => {}}
               backgroundColor={R.colors.orange}
               textColor={R.colors.white}
-              height={25}
+              height={30}
               borderRadius={15}
-              fontSize={11}
+              fontSize={R.fontsize.fontSizeContent}
               fontWeight={'600'}
               fontFamily={R.fonts.fontMedium}
               paddingHorizontal={15}
@@ -104,10 +104,10 @@ const IncomingDocumentView = props => {
             }
             backgroundColor={R.colors.blue}
             textColor={R.colors.white}
-            height={25}
+            height={30}
             width={90}
             borderRadius={15}
-            fontSize={11}
+            fontSize={R.fontsize.fontSizeContent}
             fontWeight={'600'}
             fontFamily={R.fonts.fontMedium}
             paddingHorizontal={15}
@@ -128,10 +128,8 @@ const IncomingDocumentView = props => {
     );
   };
 
+  const renderTabView = () => {
     return (
-    <View style={styles.container}>
-      <Header title={'Danh sách văn bản đến'} isBack />
-      <View style={styles.body}>
       <View style={styles.cardTabView}>
         <FlatList
           data={dataListTabView}
@@ -142,7 +140,23 @@ const IncomingDocumentView = props => {
           showsHorizontalScrollIndicator={false}
         />
       </View>
+    );
+  };
+
+  const renderBody = () => {
+    return (
+        <View style={styles.body}>
+        {renderTabView()}
+
+        {renderCard()}
 
+        {renderListIncomingDocument()}
+      </View>
+    )
+  }
+
+  const renderCard = () => {
+    return (
       <View style={{marginBottom: 15}}>
         <View style={styles.card}>
           <TouchableOpacity style={styles.btnCard}>
@@ -163,10 +177,7 @@ const IncomingDocumentView = props => {
 
         <View style={styles.box_3}>
           <View style={styles.searchBox}>
-              <Image
-                source={R.images.icSearch}
-                style={{width: 20, height: 20}}
-              />
+            <Image source={R.images.icSearch} style={{width: 20, height: 20}} />
             <View style={{flex: 1}}>
               <TextInput
                 placeholder="Tìm kiếm"
@@ -183,9 +194,12 @@ const IncomingDocumentView = props => {
           </View>
         </View>
       </View>
-
-        {renderListIncomingDocument()}
-      </View>
+    );
+  };
+  return (
+    <View style={styles.container}>
+      <Header title={'Danh sách văn bản đến'} isBack />
+      {renderBody()}
     </View>
   );
 };

src/screens/list_send_document/style.js

@@ -91,8 +91,6 @@ const styles = StyleSheet.create({
     marginHorizontal: 15,
     marginVertical:7.5,
     borderRadius: 15,
-    borderWidth: 1,
-    borderColor: R.colors.grayBorderInputTextHeader,
     backgroundColor: R.colors.white,
     shadowColor: R.colors.black,
     shadowOffset: {width: 0.5, height: 2},

src/screens/roll_call/detail/view.js

@@ -32,7 +32,7 @@ const DetailRollCallView = props => {
               backgroundColor={R.colors.orange}
               textColor={R.colors.white}
               fontSize={12}
-              height={35}
+              height={30}
               width={150}
             />
             <Button />
@@ -48,7 +48,7 @@ const DetailRollCallView = props => {
               backgroundColor={R.colors.blue}
               textColor={R.colors.white}
               fontSize={12}
-              height={35}
+              height={30}
               width={150}
             />
             <Button />