TODO: Sửa lỗi giao diện thông báo

src/screens/notification/index.js

@@ -71,7 +71,43 @@ const Notification = (props) => {
     ],
     Study: [],
     Activity: [],
-    Tuition: [],
+    Tuition: [
+      {
+        title_notifi_tuition: 'Thông báo nghỉ học',
+        date_create: 'Thông báo nghỉ học do tình hình bão số 4 phức tạp',
+        time_send: '14/4/2024',
+        style: 'Thông báo cá nhân',
+        status: 'Chưa gửi',
+      },
+      {
+        title_notifi_tuition: 'Thông báo nghỉ học',
+        date_create: 'Thông báo nghỉ học do tình hình bão số 4 phức tạp',
+        time_send: '14/4/2024',
+        style: 'Thông báo cá nhân',
+        status: 'Chưa gửi',
+      },
+      {
+        title_notifi_tuition: 'Thông báo nghỉ học',
+        date_create: 'Thông báo nghỉ học do tình hình bão số 4 phức tạp',
+        time_send: '14/4/2024',
+        style: 'Thông báo cá nhân',
+        status: 'Chưa gửi',
+      },
+      {
+        title_notifi_tuition: 'Thông báo nghỉ học',
+        date_create: 'Thông báo nghỉ học do tình hình bão số 4 phức tạp',
+        time_send: '14/4/2024',
+        style: 'Thông báo cá nhân',
+        status: 'Chưa gửi',
+      },
+      {
+        title_notifi_tuition: 'Thông báo nghỉ học',
+        date_create: 'Thông báo nghỉ học do tình hình bão số 4 phức tạp',
+        time_send: '14/4/2024',
+        style: 'Thông báo cá nhân',
+        status: 'Chưa gửi',
+      },
+    ],
   });
   const handleTabChange = (tabKey) => {
     setActiveTab(tabKey);

src/screens/notification/style.js

@@ -97,7 +97,9 @@ const styles = StyleSheet.create({
         fontWeight:'500',
         fontFamily:R.fonts.fontMedium,
     },
-    
+    boxTime:{
+        alignItems:'flex-end',
+    }
     
 })
 export default styles;
\ No newline at end of file

src/screens/notification/view.js

@@ -70,22 +70,41 @@ const NotificationView = props => {
       </View>
     );
   };
-  //List Notification
-  const renderNotificationItem = ({item}) => {
+  //List Notification View
+  const renderNotificationItemView = ({item}) => {
     return (
       <View style={styles.cardItem}>
         <Text style={styles.text} numberOfLines={1} ellipsizeMode="tail">{item.title_notifi}</Text>
         <Text style={styles.text} numberOfLines={2} ellipsizeMode="tail">{item.message}</Text>
+        <View style={styles.boxTime}>
         <Text style={styles.text} numberOfLines={1} ellipsizeMode="tail">{item.time}</Text>
+        </View>
+     
 
       </View>
     );
   };
+  //List Notification Tution
+  const renderNotificationItemTution = ({item}) => {
+    return (
+      activeTab === 'Tuition' ? (
+      <View style={styles.cardItem}>
+        <Text style={styles.text} numberOfLines={1} ellipsizeMode="tail">{item.title_notifi_tuition}</Text>
+        <Text style={styles.text} numberOfLines={2} ellipsizeMode="tail">{item.date_create}</Text>
+        <View style={styles.boxTime}>
+        <Text style={styles.text} numberOfLines={1} ellipsizeMode="tail">{item.time_send}</Text>
+        </View>
+     
+      </View>
+      ) : null
+    );
+  };
+
   const renderListNotification = () => {
     return (
         <FlatList
           data={dataNotifi[activeTab] || []}
-          renderItem={renderNotificationItem}
+          renderItem={renderNotificationItemView || renderNotificationItemTution}
           keyExtractor={(item, index) => `${activeTab}-${index}`}
           showsVerticalScrollIndicator={false}
           contentContainerStyle={styles.containerListNotification}