TODO: Đã thêm chức năng check box

src/screens/compensate/register/style.js

@@ -110,8 +110,8 @@ container:{
       },
       dateText:{
         fontSize: R.sizes.sm,
-        fontWeight: '500',
-        fontFamily: R.fonts.fontMedium,
+        fontWeight: '400',
+        fontFamily: R.fonts.fontRegular,
         color: R.colors.black,
       },
       percentText:{

src/screens/compensate/register/view.js

@@ -15,7 +15,7 @@ import TextMulti from '../../../components/Input/TextMulti';
 import Button from '../../../components/Button';
 import CheckBox from '../../../components/CheckBox';
 const CompensateRegisterView = props => {
-  const {isShow, setShowSchedule, scheduleData} = props;
+  const {isShow, setShowSchedule, scheduleData, onCheckboxChange} = props;
 
   const getCheckColor = (item) => {
     console.log(item?.totalSession);
@@ -67,8 +67,13 @@ const CompensateRegisterView = props => {
                 period.available && styles.availableCell,
               ]}>
               <CheckBox 
-                size={20}
                 checked={period.available}
+                value={period.available}
+                onValueChange={value => onCheckboxChange(index, periodIndex, value)}
+                size={20}
+                labelStyle={styles.label}
+                checkedColor={R.colors.main}
+                tickColor={R.colors.white}
               />
               <View style={{flexDirection:'row'}}>
               <Text