TODO: Sửa đường dẫn import và thêm style còn thiếu trong các màn hình giám sát

src/screens/list_work/deliver_to_me/detail/modal_add_report/index.js

-import WorkReportModal from '../../detail/modal_add_report/view';
+import WorkReportModal from './view';
 
 export default WorkReportModal;

src/screens/list_work/deliver_to_me/detail/modal_edit_report/index.js

-import EditReportModal from '../../detail/modal_edit_report';
+import EditReportModal from './view';
 
 export default EditReportModal;

src/screens/list_work/deliver_to_me/view.js

@@ -3,7 +3,6 @@ import {
   Text,
   View,
   TouchableOpacity,
-  StyleSheet,
   Image,
   FlatList,
   ScrollView,

src/screens/list_work/monitoring/style.js

 import { StyleSheet, Text, View } from 'react-native'
+import R from '../../../assets/R'
 
 const styles = StyleSheet.create({
     container: {
-
+        flex:1,
+        backgroundColor:R.colors.white
     },
     body:{
+        flex:1,
+        marginHorizontal:15
 
     }
 

src/screens/list_work/monitoring/view.js

 import React from 'react';
 import {Text, View, TouchableOpacity, StyleSheet} from 'react-native';
-style
-const ComponentNameView = (props) => {
+import styles from './style';
+const DetailListWorkMonitoringView = (props) => {
   const {  } = props;
   return (
     <View
-      style={{
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-      }}>
+      style={styles.container}>
       <TouchableOpacity>
         <Text>ComponentName</Text>
       </TouchableOpacity>
@@ -17,4 +13,4 @@ const ComponentNameView = (props) => {
   );
 };
 
-export default ComponentNameView;
+export default DetailListWorkMonitoringView;