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,64 +128,78 @@ const IncomingDocumentView = props => {
     );
   };
 
-  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}
-            renderItem={itemTabView}
-            keyExtractor={item => item.key}
-            horizontal
-            contentContainerStyle={styles.contentContainerStyle}
-            showsHorizontalScrollIndicator={false}
-          />
-        </View>
+  const renderTabView = () => {
+    return (
+      <View style={styles.cardTabView}>
+        <FlatList
+          data={dataListTabView}
+          renderItem={itemTabView}
+          keyExtractor={item => item.key}
+          horizontal
+          contentContainerStyle={styles.contentContainerStyle}
+          showsHorizontalScrollIndicator={false}
+        />
+      </View>
+    );
+  };
 
-        <View style={{marginBottom: 15}}>
-          <View style={styles.card}>
-            <TouchableOpacity style={styles.btnCard}>
-              <Text
-                style={[
-                  styles.text,
-                  {
-                    color: R.colors.black,
-                    fontSize: R.fontsize.fontSizeContent,
-                    fontWeight: 600,
-                    fontFamily: R.fonts.fontMedium,
-                  },
-                ]}>
-                Học kỳ 2, Năm 2025
-              </Text>
-            </TouchableOpacity>
-          </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}>
+            <Text
+              style={[
+                styles.text,
+                {
+                  color: R.colors.black,
+                  fontSize: R.fontsize.fontSizeContent,
+                  fontWeight: 600,
+                  fontFamily: R.fonts.fontMedium,
+                },
+              ]}>
+              Học kỳ 2, Năm 2025
+            </Text>
+          </TouchableOpacity>
+        </View>
 
-          <View style={styles.box_3}>
-            <View style={styles.searchBox}>
-              <Image
-                source={R.images.icSearch}
-                style={{width: 20, height: 20}}
+        <View style={styles.box_3}>
+          <View style={styles.searchBox}>
+            <Image source={R.images.icSearch} style={{width: 20, height: 20}} />
+            <View style={{flex: 1}}>
+              <TextInput
+                placeholder="Tìm kiếm"
+                style={[styles.text, {padding: 0}]}
+                value={searchQuery}
+                onChangeText={setSearchQuery}
               />
-              <View style={{flex: 1}}>
-                <TextInput
-                  placeholder="Tìm kiếm"
-                  style={[styles.text, {padding: 0}]}
-                  value={searchQuery}
-                  onChangeText={setSearchQuery}
-                />
-              </View>
             </View>
-            <View style={{flex: 0.1}}></View>
+          </View>
+          <View style={{flex: 0.1}}></View>
 
-            <View style={styles.boxFilter}>
-              <Dropdown title={'Tìm kiếm'} height={35} />
-            </View>
+          <View style={styles.boxFilter}>
+            <Dropdown title={'Tìm kiếm'} height={35} />
           </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 />