mario-teacher-student-client 9000.0.8 → 9000.0.9

package/dist/containers/ActionPoint/api/apiClient.d.ts

@@ -3,5 +3,5 @@ export declare const postDataActionPointApi: (data: any) => Promise<import("axio
 export declare const getDataClassNameApi: () => Promise<import("axios").AxiosResponse<any>>;
 export declare const getDataActionPointByIdApi: (id: any) => Promise<import("axios").AxiosResponse<any>>;
 export declare const putActionPointApi: (id: any, formData: any) => Promise<import("axios").AxiosResponse<any>>;
-export declare const putIsDoneApi: (id: any, isDone: any) => Promise<import("axios").AxiosResponse<any>>;
+export declare const putIsDoneApi: (id: any) => Promise<import("axios").AxiosResponse<any>>;
 export declare const deleteActionPointApi: (id: number) => Promise<import("axios").AxiosResponse<any>>;

package/dist/containers/ActionPoint/components/CardItem/hooks/useCardItem.d.ts

@@ -1,7 +1,7 @@
 declare const useCardItem: (actionPoints: any) => {
     clickOpenEdit: (actionPointId: any, refConduct: any) => Promise<void>;
     actionId: number;
-    handleChangeIsDone: (_id: any, index: any) => Promise<void>;
+    handleChangeIsDone: (id: any) => Promise<void>;
     data: any;
 };
 export default useCardItem;

package/dist/containers/ActionPoint/components/CardItem/services/services.d.ts

@@ -1 +1 @@
-export declare const updateIsDone: (dispatch: any, id: any, isDone: any) => Promise<void>;
+export declare const updateIsDone: (dispatch: any, id: any) => Promise<void>;

package/dist/containers/ActionPoint/components/DashBoardView/hooks/useCard.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const useCard: (actionPoints: any) => {
+declare const useCard: () => {
     actionId: number;
     clickOpenEdit: (actionPointId: any) => Promise<void>;
-    handleChangeIsDone: (_id: any, index: any) => Promise<void>;
+    handleChangeIsDone: (_id: any, onReloading: Function) => Promise<void>;
     refConduct: import("react").MutableRefObject<any>;
 };
 export default useCard;

package/dist/index.js

@@ -75,8 +75,8 @@ var Slider = _interopDefault(require('@material-ui/core/Slider'));
 var ReactApexChart = _interopDefault(require('react-apexcharts'));
 var InfoOutlinedIcon = _interopDefault(require('@material-ui/icons/InfoOutlined'));
 var MoreHorizOutlinedIcon = _interopDefault(require('@material-ui/icons/MoreHorizOutlined'));
-var UnfoldMoreIcon = _interopDefault(require('@material-ui/icons/UnfoldMore'));
 var AppsIcon = _interopDefault(require('@material-ui/icons/Apps'));
+var UnfoldMoreIcon = _interopDefault(require('@material-ui/icons/UnfoldMore'));
 var cloneDeep = _interopDefault(require('lodash/cloneDeep'));
 var formik = require('formik');
 var yup = require('yup');
@@ -475,7 +475,7 @@ var useStyles = styles$z.makeStyles(function (theme) {
       }
     },
     header: {
-      zIndex: 1000,
+      zIndex: 1500,
       background: "#156DA1"
     },
     dropdown: {
@@ -888,7 +888,9 @@ var CurrentFullCalendar = function CurrentFullCalendar(props) {
     }
   };
 
-  return React__default.createElement(FullCalendar, {
+  return React__default.createElement("div", {
+    className: "calendar-custom"
+  }, React__default.createElement(FullCalendar, {
     plugins: [dayGridPlugin],
     initialView: "dayGridMonth",
     events: map,
@@ -900,7 +902,7 @@ var CurrentFullCalendar = function CurrentFullCalendar(props) {
       right: ""
     },
     eventClick: handleDateClick
-  });
+  }));
 };
 
 var getEventFullCalendar = function getEventFullCalendar(userId, year, month) {
@@ -959,8 +961,8 @@ var getDataActionPointByIdApi = function getDataActionPointByIdApi(id) {
 var putActionPointApi = function putActionPointApi(id, formData) {
   return marioCore.api.put(ACTION_POINT + "/" + id, formData);
 };
-var putIsDoneApi = function putIsDoneApi(id, isDone) {
-  return marioCore.api.put(ACTION_POINT + "/update-isdone/" + id, isDone);
+var putIsDoneApi = function putIsDoneApi(id) {
+  return marioCore.api.put(ACTION_POINT + "/update-isdone/" + id);
 };
 var deleteActionPointApi = function deleteActionPointApi(id) {
   return marioCore.api["delete"](ACTION_POINT + "/" + id);
@@ -1022,10 +1024,7 @@ var useActionPointsDB = function useActionPointsDB() {
 
   var queryRequest = {
     startTime: Date.now(),
-    endTime: undefined,
-    searchString: undefined,
-    isDone: false,
-    className: undefined
+    endTime: moment().add(7, "days").valueOf()
   };
 
   var getData = function getData() {
@@ -1529,7 +1528,7 @@ var useDialogRequest = function useDialogRequest(_props, ref) {
     setOpen(true);
   };
 
-  var getDataActionPoint = function getDataActionPoint() {
+  var getDataActionPoint = function getDataActionPoint(actionId) {
     try {
       return Promise.resolve(getActionPointById(dispatch, actionId)).then(function (data) {
         !!data && setFormData({
@@ -1847,7 +1846,7 @@ var DialogRequestActionPoint = function DialogRequestActionPoint(_props, ref) {
 
 var DialogRequestActionPoint$1 = React.forwardRef(DialogRequestActionPoint);
 
-var updateIsDone = function updateIsDone(dispatch, id, isDone) {
+var updateIsDone = function updateIsDone(dispatch, id) {
   try {
     var _temp3 = function _temp3() {
       dispatch(marioCore.setLoading(false));
@@ -1856,7 +1855,7 @@ var updateIsDone = function updateIsDone(dispatch, id, isDone) {
     dispatch(marioCore.setLoading(true));
 
     var _temp4 = _catch(function () {
-      return Promise.resolve(putIsDoneApi(id, isDone)).then(function () {});
+      return Promise.resolve(putIsDoneApi(id)).then(function () {});
     }, function (e) {
       dispatch(marioCore.setAlert({
         type: "error",
@@ -1870,17 +1869,12 @@ var updateIsDone = function updateIsDone(dispatch, id, isDone) {
   }
 };
 
-var useCard = function useCard(actionPoints) {
+var useCard = function useCard() {
   var _useState = React.useState(0),
       actionId = _useState[0],
       setActionId = _useState[1];
 
   var dispatch = reactRedux.useDispatch();
-
-  var _useState2 = React.useState(),
-      data = _useState2[0],
-      setData = _useState2[1];
-
   var refConduct = React.useRef();
 
   var clickOpenEdit = function clickOpenEdit(actionPointId) {
@@ -1888,7 +1882,7 @@ var useCard = function useCard(actionPoints) {
       var _refConduct$current;
 
       !!actionPointId ? setActionId(actionPointId) : setActionId(0);
-      return Promise.resolve(refConduct === null || refConduct === void 0 ? void 0 : (_refConduct$current = refConduct.current) === null || _refConduct$current === void 0 ? void 0 : _refConduct$current.getDataActionPoint()).then(function () {
+      return Promise.resolve(refConduct === null || refConduct === void 0 ? void 0 : (_refConduct$current = refConduct.current) === null || _refConduct$current === void 0 ? void 0 : _refConduct$current.getDataActionPoint(actionPointId)).then(function () {
         var _refConduct$current2;
 
         refConduct === null || refConduct === void 0 ? void 0 : (_refConduct$current2 = refConduct.current) === null || _refConduct$current2 === void 0 ? void 0 : _refConduct$current2.openModal();
@@ -1898,14 +1892,11 @@ var useCard = function useCard(actionPoints) {
     }
   };
 
-  React.useEffect(function () {
-    !!actionPoints && setData(actionPoints);
-  }, [actionPoints]);
-
-  var handleChangeIsDone = function handleChangeIsDone(_id, index) {
+  var handleChangeIsDone = function handleChangeIsDone(_id, onReloading) {
     try {
-      var result = !data[index].isDone;
-      return Promise.resolve(updateIsDone(dispatch, _id, result)).then(function () {});
+      return Promise.resolve(updateIsDone(dispatch, _id)).then(function () {
+        onReloading();
+      });
     } catch (e) {
       return Promise.reject(e);
     }
@@ -1919,12 +1910,54 @@ var useCard = function useCard(actionPoints) {
   };
 };
 
+var useStyles$2 = core.makeStyles({
+  root: {
+    cursor: "pointer",
+    display: "inline-flex",
+    alignItems: "center",
+    margin: "0",
+    verticalAlign: "middle",
+    paddingLeft: "10px",
+    height: "32px",
+    backgroundColor: "rgba(0, 0, 0, 0.1)",
+    borderRadius: "70px",
+    color: "black"
+  },
+  rootChecked: {
+    cursor: "pointer",
+    display: "inline-flex",
+    alignItems: "center",
+    margin: "0",
+    verticalAlign: "middle",
+    paddingLeft: "10px",
+    height: "32px",
+    backgroundColor: "#0a4da2",
+    borderRadius: "70px",
+    color: "white"
+  },
+  rootCheckBox: {
+    color: "grey"
+  },
+  title: {
+    fontSize: "16px",
+    fontWeight: 500,
+    marginBottom: "14px"
+  },
+  titleOverLine: {
+    fontSize: "16px",
+    fontWeight: 500,
+    marginBottom: "14px",
+    textDecoration: "line-through"
+  }
+});
+
 var Card = function Card(props) {
+  var classes = useStyles$2();
   var date = props.date,
       actionPointsList = props.actionPointsList,
       onReloading = props.onReloading;
 
-  var _useCard = useCard(actionPointsList),
+  var _useCard = useCard(),
       actionId = _useCard.actionId,
       clickOpenEdit = _useCard.clickOpenEdit,
       refConduct = _useCard.refConduct,
@@ -1944,13 +1977,27 @@ var Card = function Card(props) {
     }, React__default.createElement("div", {
       className: "" + styles$1["content"]
     }, React__default.createElement(core.Typography, {
-      className: "" + styles$1["title"]
+      classes: i.isDone ? {
+        root: classes.titleOverLine
+      } : {
+        root: classes.title
+      }
     }, i.title), React__default.createElement("div", {
       className: "" + styles$1["infor-box"]
     }, React__default.createElement(core.Typography, {
-      className: "" + styles$1["time"]
+      className: "" + styles$1["time"],
+      classes: i.isDone ? {
+        root: classes.titleOverLine
+      } : {
+        root: classes.title
+      }
     }, marioCore.utcToLocalTime(i.deadlineDate, "hh:mm A")), !!i["class"] && React__default.createElement(core.Typography, {
-      className: "" + styles$1["class"]
+      className: "" + styles$1["class"],
+      classes: i.isDone ? {
+        root: classes.titleOverLine
+      } : {
+        root: classes.title
+      }
     }, i["class"]))), React__default.createElement("div", {
       className: "" + styles$1["action"]
     }, React__default.createElement(core.IconButton, {
@@ -1960,8 +2007,9 @@ var Card = function Card(props) {
       }
     }, React__default.createElement(EditIcon, null)), React__default.createElement(core.Checkbox, {
       color: "primary",
+      checked: i.isDone,
       onChange: function onChange() {
-        return handleChangeIsDone(i.id, _index);
+        return handleChangeIsDone(i.id, onReloading);
       },
       inputProps: {
         "aria-label": "secondary checkbox"
@@ -6418,7 +6466,7 @@ var ConductTop = function ConductTop(_ref) {
   })));
 };
 
-var useStyles$2 = core.makeStyles(function () {
+var useStyles$3 = core.makeStyles(function () {
   return {
     root: {
       "& > *": {
@@ -6433,7 +6481,7 @@ var TextFieldComponent = function TextFieldComponent(_ref) {
       valueText = _ref.valueText,
       onChangeQuestionAnswer = _ref.onChangeQuestionAnswer,
       isPageResult = _ref.isPageResult;
-  var classes = useStyles$2();
+  var classes = useStyles$3();
   var currentUser = reactRedux.useSelector(function (state) {
     var _state$common;
 
@@ -7478,7 +7526,7 @@ var useProfileDialog = function useProfileDialog() {
 var _excluded$2 = ["children", "value", "index"];
 var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
 var DEFAULT_USER_AVATAR$4 = "/images/image-default.png";
-var useStyles$3 = styles$z.makeStyles(function () {
+var useStyles$4 = styles$z.makeStyles(function () {
   return {
     header: {
       display: "flex",
@@ -7658,7 +7706,7 @@ var ProfileDialog = function ProfileDialog(props, ref) {
       open = _useState[0],
       setOpen = _useState[1];
 
-  var classes = useStyles$3();
+  var classes = useStyles$4();
 
   var _useState2 = React.useState(0),
       value = _useState2[0],
@@ -8098,7 +8146,7 @@ var a11yProps$1 = function a11yProps(index) {
   };
 };
 
-var useStyles$4 = styles$z.makeStyles(function () {
+var useStyles$5 = styles$z.makeStyles(function () {
   return {
     header: {
       display: "flex",
@@ -8178,7 +8226,7 @@ var useStyles$4 = styles$z.makeStyles(function () {
 var CustomTabNote = function CustomTabNote(props) {
   var _props$teacherNoteDat, _props$studentNoteDat;
 
-  var classes = useStyles$4();
+  var classes = useStyles$5();
 
   var _useState = React.useState(0),
       value = _useState[0],
@@ -8761,7 +8809,7 @@ var SelectQuestionNodes = function SelectQuestionNodes(props) {
   }) : React__default.createElement("div", null, "No question"))));
 };
 
-var useStyles$5 = styles$z.makeStyles(function () {
+var useStyles$6 = styles$z.makeStyles(function () {
   return {
     noBorder: {
       border: "none"
@@ -8771,7 +8819,7 @@ var useStyles$5 = styles$z.makeStyles(function () {
 
 var DialogNodes = function DialogNodes(props) {
   var dispatch = reactRedux.useDispatch();
-  var classes = useStyles$5();
+  var classes = useStyles$6();
 
   var _useUpComing = useUpComing(),
       getAllNoteSession = _useUpComing.getAllNoteSession,
@@ -9152,7 +9200,7 @@ var ConductIndex = function ConductIndex() {
     informationUser: informationUser,
     partnerData: partnerData
   };
-  var avatarUrl = isTeacher ? informationUser.studentProfileImage : informationUser.teacherProfileImage;
+  var avatarUrl = isTeacher ? informationUser.teacherProfileImage : informationUser.studentProfileImage;
 
   var clickOpenProfileDialog = function clickOpenProfileDialog() {
     var _refConduct$current;
@@ -9701,7 +9749,7 @@ var EndType;
   EndType["After"] = "After";
 })(EndType || (EndType = {}));
 
-var useStyles$6 = styles$z.makeStyles(function (theme) {
+var useStyles$7 = styles$z.makeStyles(function (theme) {
   return {
     formControl: {
       margin: theme.spacing(1),
@@ -9718,7 +9766,7 @@ var Recurrence = function Recurrence(_ref) {
       handleClose = _ref.handleClose,
       applyValue = _ref.applyValue,
       selectedDate = _ref.selectedDate;
-  var classes = useStyles$6();
+  var classes = useStyles$7();
 
   var _useState = React.useState(""),
       chooseEndDate = _useState[0],
@@ -9804,9 +9852,14 @@ var Recurrence = function Recurrence(_ref) {
     }));
   };
 
-  var handleGetDate = function handleGetDate() {
+  var handleGetDate = function handleGetDate(isAfter) {
     var date = new Date(moment(selectedDate).format());
-    var nextDay = new Date(date.setDate(date.getDate() + 7 * recurrenceValue.repeatEveryCount - 7 + (_.parseInt(recurrenceValue.repeatOn) + (7 - date.getDay())) % 7));
+    var nextDay = date;
+
+    if (recurrenceValue.repeatOn !== "") {
+      isAfter ? nextDay = new Date(date.setDate(date.getDate() + 7 * recurrenceValue.repeatEveryCount)) : nextDay = new Date(date.setDate(date.getDate() + 7 * recurrenceValue.repeatEveryCount - 7 + (_.parseInt(recurrenceValue.repeatOn) + (7 - date.getDay())) % 7));
+    }
+
     var shortDate = nextDay.getDate() + " " + nextDay.toLocaleString("default", {
       month: "short"
     }) + " " + date.getFullYear();
@@ -9837,6 +9890,7 @@ var Recurrence = function Recurrence(_ref) {
     className: classes.formControl + " " + stylesOto["box-select"]
   }, React__default.createElement(core.Select, {
     "native": true,
+    disabled: true,
     value: "week",
     inputProps: {
       name: "age",
@@ -9902,7 +9956,7 @@ var Recurrence = function Recurrence(_ref) {
     label: "After"
   }))), React__default.createElement(core.Grid, {
     className: "" + stylesOto["date-box"]
-  }, React__default.createElement(core.Typography, null, handleGetDate()), React__default.createElement(core.Typography, null, handleGetDate()))))), React__default.createElement(core.DialogActions, null, React__default.createElement(core.Button, {
+  }, React__default.createElement(core.Typography, null, handleGetDate(true)), React__default.createElement(core.Typography, null, handleGetDate()))))), React__default.createElement(core.DialogActions, null, React__default.createElement(core.Button, {
     onClick: function onClick() {
       return handleClose();
     },
@@ -10629,7 +10683,7 @@ var SessionDetail = function SessionDetail() {
     learningSupportCategoryId: null,
     genereatedUntil: "",
     repeatOn: "",
-    sessionType: "General"
+    time: dataSession && new Date(dataSession.bookedDate).getTime()
   }),
       data = _useState9[0],
       setData = _useState9[1];
@@ -11079,7 +11133,7 @@ var SessionDetail = function SessionDetail() {
   })))))));
 };
 
-var useStyles$7 = styles$z.makeStyles(function () {
+var useStyles$8 = styles$z.makeStyles(function () {
   return {
     noBorder: {
       border: "none"
@@ -11090,7 +11144,7 @@ var useStyles$7 = styles$z.makeStyles(function () {
 var SessionResultComponent = function SessionResultComponent() {
   var _questionSummarize$, _questionSummarize$2, _questionSummarize$2$, _questionSummarize$3;
 
-  var classes = useStyles$7();
+  var classes = useStyles$8();
   var dispatch = reactRedux.useDispatch();
 
   var _useConductOne = useConductOne(),
@@ -11128,6 +11182,8 @@ var SessionResultComponent = function SessionResultComponent() {
       inputValue = _React$useState3[0],
       setInputValue = _React$useState3[1];
 
+  var avatarUrl = isTeacher ? informationUser.teacherProfileImage : informationUser.studentProfileImage;
+
   var handleChange = function handleChange(event) {
     setInputValue(event.target.value);
   };
@@ -11276,12 +11332,14 @@ var SessionResultComponent = function SessionResultComponent() {
   }, (_questionSummarize$3 = questionSummarize[0]) === null || _questionSummarize$3 === void 0 ? void 0 : _questionSummarize$3.answer))), React__default.createElement("div", {
     className: styles$4["block-question"]
   }, React__default.createElement(QuestionConduct, {
+    avatar: avatarUrl,
     questionName: "How are you feeling about each area right now?",
     questionList: questionRatings,
     isPageSessionResult: true
   })), React__default.createElement("div", {
     className: styles$4["block-question"] + " " + styles["question-today"]
   }, React__default.createElement(QuestionConduct, {
+    avatar: avatarUrl,
     questionName: "Overall, how are you feeling today?",
     questionList: questionBlock2,
     isPageSessionResult: true
@@ -11315,6 +11373,7 @@ var SessionResultComponent = function SessionResultComponent() {
   }, React__default.createElement(TimelineIcon, null)), React__default.createElement("div", {
     className: styles$4["text-after"]
   }, React__default.createElement("p", null, "After session")))), React__default.createElement("div", null, React__default.createElement(QuestionConduct, {
+    avatar: avatarUrl,
     questionName: "",
     questionList: questionBlock4,
     isPageSessionResult: true
@@ -13920,7 +13979,7 @@ var useGoalProgress = function useGoalProgress() {
   };
 };
 
-var useStyles$8 = styles$z.makeStyles(function (theme) {
+var useStyles$9 = styles$z.makeStyles(function (theme) {
   return {
     root: {
       width: 300 + theme.spacing(3) * 2,
@@ -13936,7 +13995,7 @@ function CheckPoint(_ref) {
       status = _ref.status,
       isProgress = _ref.isProgress,
       target = _ref.target;
-  var classes = useStyles$8();
+  var classes = useStyles$9();
   var PrettoSlider = styles$z.withStyles({
     root: {
       color: "#52af77",
@@ -14057,7 +14116,7 @@ var GoalProgress = function GoalProgress(_ref) {
 var _excluded$8 = ["children", "value", "index"];
 var DEFAULT_USER_AVATAR$6 = "/images/image-default.png";
 var screenWidth$1 = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
-var useStyles$9 = styles$z.makeStyles(function () {
+var useStyles$a = styles$z.makeStyles(function () {
   var _span, _tabLabel;
 
   return {
@@ -14174,7 +14233,7 @@ var OverviewLeft = function OverviewLeft(props) {
   var history = reactRouterDom.useHistory();
   var partnerData = props.partnerData,
       studentId = props.studentId;
-  var classes = useStyles$9();
+  var classes = useStyles$a();
 
   var _useState = React.useState(0),
       value = _useState[0],
@@ -15155,16 +15214,10 @@ var TopLearningStrategiesChart = function TopLearningStrategiesChart(studentId)
     open: Boolean(anchorEl),
     onClose: handleClose
   }, React__default.createElement(core.MenuItem, {
-    onClick: handleClose
-  }, React__default.createElement(UnfoldMoreIcon, {
-    className: "rotate-45"
-  }), " Expand"), React__default.createElement(core.MenuItem, {
     onClick: function onClick() {
       handleOpenDialog();
     }
-  }, React__default.createElement(AppsIcon, null), "View data"), React__default.createElement(core.MenuItem, {
-    onClick: handleClose
-  }, React__default.createElement(SaveIcon, null), " Export")))), React__default.createElement(LearningStrategyDialog, {
+  }, React__default.createElement(AppsIcon, null), "View data")))), React__default.createElement(LearningStrategyDialog, {
     open: open,
     filters: filters,
     handleClose: handleCloseDialog,
@@ -22309,7 +22362,7 @@ var useNoteConferences = function useNoteConferences() {
   };
 };
 
-var useStyles$a = styles$z.makeStyles(function () {
+var useStyles$b = styles$z.makeStyles(function () {
   return {
     noBorder: {
       border: "none"
@@ -22321,7 +22374,7 @@ var ResultConferenceRubric = function ResultConferenceRubric() {
   var _listLearningStratego;
 
   var dispatch = reactRedux.useDispatch();
-  var classes = useStyles$a();
+  var classes = useStyles$b();
 
   var _useConferenceRubric = useConferenceRubric(),
       answerConferenceRubric = _useConferenceRubric.answerConferenceRubric,
@@ -29004,7 +29057,7 @@ var AccomondationList = function AccomondationList() {
       idItem = _useState2[0],
       setIdItem = _useState2[1];
 
-  var _useState3 = React.useState("IEF"),
+  var _useState3 = React.useState("IEP"),
       typeItem = _useState3[0],
       setTypeItem = _useState3[1];
 
@@ -33899,7 +33952,7 @@ var useCardItem = function useCardItem(actionPoints) {
 
   var dispatch = reactRedux.useDispatch();
 
-  var _useState2 = React.useState(),
+  var _useState2 = React.useState([]),
       data = _useState2[0],
       setData = _useState2[1];
 
@@ -33908,8 +33961,11 @@ var useCardItem = function useCardItem(actionPoints) {
       var _refConduct$current;
 
       !!actionPointId ? setActionId(actionPointId) : setActionId(0);
-      refConduct === null || refConduct === void 0 ? void 0 : (_refConduct$current = refConduct.current) === null || _refConduct$current === void 0 ? void 0 : _refConduct$current.openModal();
-      return Promise.resolve();
+      return Promise.resolve(refConduct === null || refConduct === void 0 ? void 0 : (_refConduct$current = refConduct.current) === null || _refConduct$current === void 0 ? void 0 : _refConduct$current.getDataActionPoint(actionPointId)).then(function () {
+        var _refConduct$current2;
+
+        refConduct === null || refConduct === void 0 ? void 0 : (_refConduct$current2 = refConduct.current) === null || _refConduct$current2 === void 0 ? void 0 : _refConduct$current2.openModal();
+      });
     } catch (e) {
       return Promise.reject(e);
     }
@@ -33919,10 +33975,9 @@ var useCardItem = function useCardItem(actionPoints) {
     !!actionPoints && setData(actionPoints);
   }, [actionPoints]);
 
-  var handleChangeIsDone = function handleChangeIsDone(_id, index) {
+  var handleChangeIsDone = function handleChangeIsDone(id) {
     try {
-      var result = !data[index].isDone;
-      return Promise.resolve(updateIsDone(dispatch, _id, result)).then(function () {});
+      return Promise.resolve(updateIsDone(dispatch, id)).then(function () {});
     } catch (e) {
       return Promise.reject(e);
     }
@@ -33936,7 +33991,7 @@ var useCardItem = function useCardItem(actionPoints) {
   };
 };
 
-var useStyles$b = core.makeStyles({
+var useStyles$c = core.makeStyles({
   root: {
     cursor: "pointer",
     display: "inline-flex",
@@ -33989,7 +34044,25 @@ var CardItem$1 = function CardItem(props) {
       data = _useCardItem.data,
       handleChangeIsDone = _useCardItem.handleChangeIsDone;
 
-  var classes = useStyles$b();
+  var classes = useStyles$c();
+
+  var _useState = React.useState([]),
+      copyData = _useState[0],
+      setCopyData = _useState[1];
+
+  var changeCopyData = function changeCopyData(id) {
+    var newData = copyData.map(function (item) {
+      return _extends({}, item, {
+        isDone: id === item.id ? !item.isDone : item.isDone
+      });
+    });
+    setCopyData([].concat(newData));
+    handleChangeIsDone(id);
+  };
+
+  React.useEffect(function () {
+    setCopyData(data);
+  }, [data]);
   var refConduct = React.useRef();
   return React__default.createElement("div", {
     className: "" + styles$w["card-item"]
@@ -33999,7 +34072,7 @@ var CardItem$1 = function CardItem(props) {
     reloadRef: reloadRef
   }), React__default.createElement(core.Typography, {
     className: "" + styles$w["milestones"]
-  }, marioCore.utcToLocalTime(date, "Do MMMM yyyy")), !!data && data.map(function (i, index) {
+  }, marioCore.utcToLocalTime(date, "Do MMMM yyyy")), !!copyData && copyData.map(function (i) {
     return React__default.createElement("div", {
       className: "" + styles$w["card-content"]
     }, React__default.createElement("div", {
@@ -34041,7 +34114,7 @@ var CardItem$1 = function CardItem(props) {
       control: React__default.createElement(core.Checkbox, {
         checked: i.isDone,
         onChange: function onChange() {
-          handleChangeIsDone(i.id, index);
+          changeCopyData(i.id);
         },
         className: "checkbox-custom",
         classes: {
@@ -35142,6 +35215,11 @@ var EditBaseLine = function EditBaseLine(props) {
     setGoalBaseLineItem(tempItems);
   };
 
+  var handleDeleteBaseLine = function handleDeleteBaseLine() {
+    updateBaseLine(id, []);
+    handleClose();
+  };
+
   return React__default.createElement(core.Dialog, {
     onClose: handleClose,
     "aria-labelledby": "simple-dialog-title",
@@ -35199,7 +35277,9 @@ var EditBaseLine = function EditBaseLine(props) {
     }))), React__default.createElement(core.Grid, {
       className: "" + styles$6["dialog-box-button"]
     }, React__default.createElement(core.Typography, {
-      onClick: handleClose,
+      onClick: function onClick() {
+        return handleDeleteBaseLine();
+      },
       className: "" + styles$6["dialog-button-cancel"]
     }, "DELETE"), React__default.createElement(core.Grid, {
       onClick: function onClick() {