TODO: Đã bổ sung màn đăng kí báo bù

src/routers/StackNavigation.js

@@ -17,6 +17,7 @@ import AbsenceListByCourse from '../screens/list_rest_report/detail';
 import RegisterAbsence from '../screens/list_rest_report/add';
 import CompensateView from '../screens/compensate';
 import DetailCompensateView from '../screens/compensate/list'; 
+import CompensateRegisterView from '../screens/compensate/register';
 const Stack = createStackNavigator();
 
 function MyStack(props) {
@@ -42,6 +43,7 @@ function MyStack(props) {
       <Stack.Screen name={ScreenName.REGISTERABSENCE} component={RegisterAbsence}/>
       <Stack.Screen name={ScreenName.LISTMAKEUPCLASSES} component={CompensateView}/>
       <Stack.Screen name={ScreenName.MAKEUPSCHEDULELISTBYCOURSE} component={DetailCompensateView}/>
+      <Stack.Screen name={ScreenName.REGISTERMAKEUP} component={CompensateRegisterView}/>
     </Stack.Navigator>
   );
 }

src/screens/compensate/list/view.js

@@ -6,10 +6,6 @@ import R from '../../../assets/R';
 import Button from '../../../components/Button';
 const DetailCompensateView = (props) => {
   const {item, listData, itemDetail} = props;
-  console.log(item);
-  console.log(listData);
-  console.log(itemDetail);
-  
 
   const getColor = status => {
     switch (status) {

src/screens/compensate/register/style.js

 import { StyleSheet, Text, View } from 'react-native'
-
+import R from '../../../assets/R';
 const styles = StyleSheet.create({
 container:{
         flex:1,

src/screens/compensate/register/view.js

 import React from 'react';
 import {Text, View, TouchableOpacity, StyleSheet} from 'react-native';
 import styles from './style';
+import Header from '../../../components/Header/Header';
 
 const CompensateRegisterView = (props) => {
   const {  } = props;
   return (
     <View
       style={styles.container}>
-      <TouchableOpacity>
-        <Text>CompensateRegister</Text>
-      </TouchableOpacity>
+        <Header title={'Đăng kí báo bù'} isBack />
     </View>
   );
 };

src/screens/compensate/view.js

@@ -63,7 +63,7 @@ const CompensateView = (props) => {
           vertical
           keyExtractor={(item, index) => `${index}`}
         />
-          <TouchableOpacity style={styles.btnRegister} onPress={ () => navigation.navigate(ScreenName.REGISTERABSENCE)}>
+          <TouchableOpacity style={styles.btnRegister} onPress={ () => navigation.navigate(SCREENNAME.REGISTERMAKEUP)}>
             <Text style={[styles.text, {color:R.colors.white}]}>Đăng kí báo bù</Text>
           </TouchableOpacity>
       </View>