mario-teacher-student-client 9000.0.20 → 9000.0.21

package/dist/containers/ActionPoint/components/DoneList/hooks/useDoneList.d.ts

@@ -10,5 +10,6 @@ declare const useDoneList: () => {
     }>) => void;
     changeFilters: (updateFilters: any) => void;
     filters: any;
+    isTeacher: any;
 };
 export default useDoneList;

package/dist/containers/LearningStrategies/hook/useAddLearningStrategies.d.ts

@@ -1,7 +1,7 @@
 declare const useEditLearningStrategies: () => {
     learningStrategyData: any;
-    selectLearning: (checked: boolean, data: any) => void;
-    handleChangeNote: (e: string, index: number) => void;
+    selectLearning: (checked: boolean, id: number) => void;
+    handleChangeNote: (e: string, id: number) => void;
     changeFilters: (e: string) => void;
     filters: {
         studentId: any;
@@ -11,5 +11,8 @@ declare const useEditLearningStrategies: () => {
     selectData: any;
     handleAddLearningStrategy: () => Promise<void>;
     backToLearningStrategy: () => void;
+    handleCheckSelectItem: (id: number) => boolean;
+    handleShowNote: (id: number) => any;
+    handleShowSelectItemCount: () => number;
 };
 export default useEditLearningStrategies;

package/dist/containers/Note/hook/useNote.d.ts

@@ -6,15 +6,16 @@ declare const useNote: () => {
     startDate: any;
     endDate: any;
     allNoteList: any;
-    onChangeSearch: (e: any) => void;
+    handleChangeInputSearch: (event: React.ChangeEvent<HTMLInputElement>) => void;
     search: string;
     onClickFavorite: (event: React.ChangeEvent<HTMLInputElement>) => void;
     addNoteLink: () => void;
     viewItemNoteLink: (id: number, typeNoteString: string) => void;
     viewListNote: () => void;
-    inputSearch: import("react").MutableRefObject<any>;
     updateFavorite: (id: number, favorite: boolean) => Promise<void>;
     category: number;
     handleChangeCategory: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    dataNoteAllSelect: () => Promise<void>;
+    inputSearch: import("react").MutableRefObject<any>;
 };
 export default useNote;

package/dist/index.css

@@ -2173,6 +2173,15 @@ p._1YLGi {
     font-weight: 800;
     margin-top: 5px; }
 
+._2Sccu {
+  overflow: hidden;
+  line-height: 18px;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  word-wrap: break-word;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical; }
+
 ._3-Mx5 p:nth-child(1) {
   color: #2d3748;
   font-size: 18px;
@@ -2283,8 +2292,7 @@ h2._1OAmb {
   margin-bottom: 15px; }
   ._2HAFW ._1rCfd {
     font-size: 18px;
-    font-weight: 600;
-    word-wrap: break-word; }
+    font-weight: 600; }
   ._2HAFW ._3qkoh ._R5ivj {
     padding: 4px;
     margin-top: -36px; }
@@ -2557,7 +2565,10 @@ h2._1OAmb {
         font-size: 14px;
         padding: 3px 0px;
         text-align: center;
-        color: rgba(0, 0, 0, 0.36); }
+        color: rgba(0, 0, 0, 0.36);
+        width: 50px;
+        overflow: hidden;
+        text-overflow: ellipsis; }
       ._m1FkD ._3bMn1 ._37XQi ._3SStr {
         font-size: 14px;
         padding: 3px 0px;
@@ -2694,6 +2705,7 @@ h2._1OAmb {
         padding-right: 20px;
         width: 100% !important; }
     ._m1FkD ._2ta7E ._1XT7v {
+      z-index: 1500;
       background: #308252;
       display: flex;
       justify-content: center;
@@ -7072,8 +7084,8 @@ h2._1KpSK {
 ._16DL6 {
   display: flex;
   align-items: center;
-  justify-content: flex-end;
-  padding: 20px 0; }
+  padding: 20px 0;
+  justify-content: flex-end; }
   ._16DL6 ._D3iMS {
     display: flex;
     align-items: center;
@@ -7145,6 +7157,22 @@ h2._1KpSK {
 ._3WAzH {
   color: red; }
 
+._3kupr {
+  align-items: center;
+  padding: 20px 0;
+  justify-content: space-between; }
+  ._3kupr ._D3iMS {
+    display: flex;
+    align-items: center;
+    justify-content: space-between; }
+    ._3kupr ._D3iMS ._336Y6 {
+      display: flex;
+      align-items: center;
+      padding-left: 15px; }
+      ._3kupr ._D3iMS ._336Y6 > p {
+        font-weight: 400;
+        font-size: 14px; }
+
 @font-face {
   font-family: "Lato-Regular";
   src: url("/fonts/Lato-Regular.ttf");
@@ -7313,6 +7341,22 @@ h2._1KpSK {
 ._QCm7u {
   color: red; }
 
+._2qCMB {
+  align-items: center;
+  justify-content: space-between;
+  padding: 20px 0; }
+  ._2qCMB ._36FGn {
+    display: flex;
+    align-items: center;
+    justify-content: space-between; }
+  ._2qCMB ._3JYbC {
+    display: flex;
+    align-items: center;
+    padding-left: 15px; }
+    ._2qCMB ._3JYbC > p {
+      font-weight: 400;
+      font-size: 14px; }
+
 @font-face {
   font-family: "Lato-Regular";
   src: url("/fonts/Lato-Regular.ttf");
@@ -8269,6 +8313,8 @@ button._kb6Ui {
     background: #308252;
     color: white;
     padding: 0 24px; }
+    ._1ip3G ._11XJ0:hover, ._1ip3G ._3jMMl:hover {
+      background-color: #308252; }
   ._1ip3G ._1wRYk {
     font-size: 24px;
     font-weight: bold; }

package/dist/index.js

@@ -6522,7 +6522,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
   }))));
 };
 
-var styles$5 = {"block-question":"_3bYTs","box-last":"_1SQC-","top-session":"_3dcqs","block-session-type":"_xLN0K","session-text":"_3ijmc","page-conduct":"_3A-A9","conduct-contain":"_1saEt","title-conduct":"_2HROs","name-conduct":"_3mJSQ","title":"_3RuBx","list-conduct":"_29kva","session-select":"_Dgvz2","item-conduct":"_T1fJ4","item":"_2hOFE","font-question":"_3-Mx5","talk-conduct":"_2MUjA","box-talk":"_3cwEi","box-p":"_1bzoU","font-title":"_1OAmb","box-question":"_D7nB-","title-strategories":"_3JCHg","strategories-image":"_YKzPb","img-session":"_1WobV","switch-session":"_3T9GL","body-session":"_FuViQ","modal-finished":"_1kr7b","title-modal":"_31ujp","body-modal":"_22YdW","tite-body":"_81XA0","btn-cancel":"_1p4Cd","btn-submit":"_36jLj","partner-profile-header":"_2HAFW","partner-name":"_1rCfd","close-btn":"_3qkoh","close-icon":"_R5ivj","partner-detail-content":"_3Yl8e","partner-detail-email":"_zsML4","partner-detail":"_A-c6O","health-note-text":"_20_3n","no-data":"_3tSGF","partner-profiles-diallog":"_gOdCz","partner-profile":"_3h4fG","profile-box-mobile":"_2xyvg","partner-profile-mobile":"_1IckI","partner-profile-header-mobile":"_2-Nhf","partner-profile-avt":"_sSpfT","partner-schedule":"_smLhQ","partner-schedule-meeting":"_1MX_1","no-schedule-box":"_3tmRq","schedule-meeting-element":"_vE2nJ","time-detail":"_JAWru","name-detail":"_3RlQ2","avatar_user":"_3d254","btn-done":"_9SOPe","btn-done-session":"_3Id4g","btn-scroll-top":"_WEfrE","info-container":"_3KbBU","time-ques":"_3Np_7"};
+var styles$5 = {"block-question":"_3bYTs","box-last":"_1SQC-","top-session":"_3dcqs","block-session-type":"_xLN0K","session-text":"_3ijmc","page-conduct":"_3A-A9","conduct-contain":"_1saEt","title-conduct":"_2HROs","name-conduct":"_3mJSQ","title":"_3RuBx","list-conduct":"_29kva","session-select":"_Dgvz2","item-conduct":"_T1fJ4","item":"_2hOFE","student-name":"_2Sccu","font-question":"_3-Mx5","talk-conduct":"_2MUjA","box-talk":"_3cwEi","box-p":"_1bzoU","font-title":"_1OAmb","box-question":"_D7nB-","title-strategories":"_3JCHg","strategories-image":"_YKzPb","img-session":"_1WobV","switch-session":"_3T9GL","body-session":"_FuViQ","modal-finished":"_1kr7b","title-modal":"_31ujp","body-modal":"_22YdW","tite-body":"_81XA0","btn-cancel":"_1p4Cd","btn-submit":"_36jLj","partner-profile-header":"_2HAFW","partner-name":"_1rCfd","close-btn":"_3qkoh","close-icon":"_R5ivj","partner-detail-content":"_3Yl8e","partner-detail-email":"_zsML4","partner-detail":"_A-c6O","health-note-text":"_20_3n","no-data":"_3tSGF","partner-profiles-diallog":"_gOdCz","partner-profile":"_3h4fG","profile-box-mobile":"_2xyvg","partner-profile-mobile":"_1IckI","partner-profile-header-mobile":"_2-Nhf","partner-profile-avt":"_sSpfT","partner-schedule":"_smLhQ","partner-schedule-meeting":"_1MX_1","no-schedule-box":"_3tmRq","schedule-meeting-element":"_vE2nJ","time-detail":"_JAWru","name-detail":"_3RlQ2","avatar_user":"_3d254","btn-done":"_9SOPe","btn-done-session":"_3Id4g","btn-scroll-top":"_WEfrE","info-container":"_3KbBU","time-ques":"_3Np_7"};
 
 var BACKGROUND_COLOR = "#CDCDCD";
 
@@ -8700,7 +8700,8 @@ var ScaffoldingListingQuestions = function ScaffoldingListingQuestions(props) {
     }, React__default.createElement("p", {
       style: {
         margin: 0,
-        fontSize: "14px"
+        fontSize: "14px",
+        maxWidth: "95%"
       }
     }, i.question), React__default.createElement("div", {
       className: "" + styles$7["search-input-icon"]
@@ -11193,7 +11194,7 @@ var BookSession = function BookSession() {
     },
     renderInput: function renderInput(params) {
       return React__default.createElement(core.TextField, Object.assign({}, params, {
-        label: recurrenceSelectText !== "" ? recurrenceSelectText : "does not recurrence",
+        label: recurrenceSelectText !== "" ? recurrenceSelectText : "Does not recurrence",
         variant: "outlined"
       }));
     }
@@ -15004,7 +15005,8 @@ var OverviewLeft = function OverviewLeft(props) {
     xs: true,
     style: {
       marginLeft: "20px"
-    }
+    },
+    className: styles$5["student-name"]
   }, React__default.createElement("span", {
     className: "" + styles$5["partner-name"]
   }, partnerData === null || partnerData === void 0 ? void 0 : partnerData.name))), React__default.createElement(core.Grid, {
@@ -16122,16 +16124,16 @@ var useRedinessToLearn = function useRedinessToLearn(studentId) {
         var dataOfChart = [];
         var stressData = ((_datapush$find = datapush.find(function (item) {
           return item.questionText.toLowerCase().includes("stress");
-        })) === null || _datapush$find === void 0 ? void 0 : _datapush$find.percentQuestion) || 0;
+        })) === null || _datapush$find === void 0 ? void 0 : _datapush$find.percentQuestion.toFixed(2)) || 0;
         var happinessData = ((_datapush$find2 = datapush.find(function (item) {
           return item.questionText.toLowerCase().includes("happiness");
-        })) === null || _datapush$find2 === void 0 ? void 0 : _datapush$find2.percentQuestion) || 0;
+        })) === null || _datapush$find2 === void 0 ? void 0 : _datapush$find2.percentQuestion.toFixed(2)) || 0;
         var enegyData = ((_datapush$find3 = datapush.find(function (item) {
           return item.questionText.toLowerCase().includes("energy");
-        })) === null || _datapush$find3 === void 0 ? void 0 : _datapush$find3.percentQuestion) || 0;
+        })) === null || _datapush$find3 === void 0 ? void 0 : _datapush$find3.percentQuestion.toFixed(2)) || 0;
         var focusData = ((_datapush$find4 = datapush.find(function (item) {
           return item.questionText.toLowerCase().includes("focus");
-        })) === null || _datapush$find4 === void 0 ? void 0 : _datapush$find4.percentQuestion) || 0;
+        })) === null || _datapush$find4 === void 0 ? void 0 : _datapush$find4.percentQuestion.toFixed(2)) || 0;
         dataOfChart.push(focusData);
         dataOfChart.push(enegyData);
         dataOfChart.push(happinessData);
@@ -26955,7 +26957,7 @@ var CardSwitch = function CardSwitch(_ref) {
   }, React__default.createElement(core.Typography, null, "VIEW"), React__default.createElement(ArrowForwardIcon, null)))));
 };
 
-var styles$m = {"about-box":"_FH_-Y","about-header":"_MqLnI","about-header-left":"_2wzM4","about-header-right":"_3BI1x","about-select":"_16DL6","about-select-box":"_D3iMS","about-select-switch":"_336Y6","dialog-box":"_Jpgoc","dialog-box-input":"_1FtGx","dialog-box-title":"_3p12Z","dialog-box-button":"_2NGoO","dialog-button-add":"_mfEtz","dialog-button-cancel":"_3He-r","about-item-margin":"_2w8dY","card-box":"_24FM8","box-content":"_18ocr","card-content":"_uWtvU","err-message":"_3WAzH"};
+var styles$m = {"about-box":"_FH_-Y","about-header":"_MqLnI","about-header-left":"_2wzM4","about-header-right":"_3BI1x","about-select":"_16DL6","about-select-box":"_D3iMS","about-select-switch":"_336Y6","dialog-box":"_Jpgoc","dialog-box-input":"_1FtGx","dialog-box-title":"_3p12Z","dialog-box-button":"_2NGoO","dialog-button-add":"_mfEtz","dialog-button-cancel":"_3He-r","about-item-margin":"_2w8dY","card-box":"_24FM8","box-content":"_18ocr","card-content":"_uWtvU","err-message":"_3WAzH","box-empty-thingteacher":"_3kupr"};
 
 var STUDENT_URL$3 = marioCore.BASE_URL + "/api/Student";
 var ADDITIONAL_THING = marioCore.BASE_URL + "/api/StudentAdditionalThing";
@@ -27271,7 +27273,7 @@ var ThingTeachersCanHelp = function ThingTeachersCanHelp(_ref) {
   })));
 };
 
-var styles$n = {"accomondation-box":"_3sAQg","accomondation-top":"_1ihyF","accomondation-top-title":"_J4sOM","accomondation-top-right":"_FyuFl","accomondation-top-switch":"_3Q1-h","accomondation-view":"_rnt9P","accomondation-content":"_FRYHf","accomondation-content-title":"_3_Q2d","accomondation-content-description":"_37yfd","accomondation-content-status":"_zUM9G","about-box":"_3WpQn","about-header":"_3cuO4","about-header-left":"_hvjPP","about-header-right":"_1v7Im","about-select":"_2h2rW","about-select-box":"_36FGn","about-select-switch":"_3JYbC","dialog-box":"_2T5oZ","dialog-box-input":"_1Otim","dialog-box-title":"_21HHi","dialog-box-button":"_1GRjX","dialog-button-add":"_sZfS_","dialog-button-cancel":"_3KGq0","about-item-margin":"_zIPKz","box-content":"_3PhcX","box-item":"_3_em5","card-content":"_1r6DT","err-message":"_QCm7u"};
+var styles$n = {"accomondation-box":"_3sAQg","accomondation-top":"_1ihyF","accomondation-top-title":"_J4sOM","accomondation-top-right":"_FyuFl","accomondation-top-switch":"_3Q1-h","accomondation-view":"_rnt9P","accomondation-content":"_FRYHf","accomondation-content-title":"_3_Q2d","accomondation-content-description":"_37yfd","accomondation-content-status":"_zUM9G","about-box":"_3WpQn","about-header":"_3cuO4","about-header-left":"_hvjPP","about-header-right":"_1v7Im","about-select":"_2h2rW","about-select-box":"_36FGn","about-select-switch":"_3JYbC","dialog-box":"_2T5oZ","dialog-box-input":"_1Otim","dialog-box-title":"_21HHi","dialog-box-button":"_1GRjX","dialog-button-add":"_sZfS_","dialog-button-cancel":"_3KGq0","about-item-margin":"_zIPKz","box-content":"_3PhcX","box-item":"_3_em5","card-content":"_1r6DT","err-message":"_QCm7u","box-empty-about-select":"_2qCMB"};
 
 var STUDENT_URL$4 = marioCore.BASE_URL + "/api/Student";
 var SECTION_URL = marioCore.BASE_URL + "/api/Section";
@@ -27703,7 +27705,7 @@ var useAccommodation = function useAccommodation() {
             title: res.data.title,
             description: res.data.description,
             studentId: parseInt(studentId),
-            type: 1
+            type: res.data.type
           });
         });
       }, function (err) {
@@ -29792,7 +29794,7 @@ var SimpleDialogAccomodation = function SimpleDialogAccomodation(props) {
       htmlFor: "outlined-age-native-simple"
     }, "Title"), React__default.createElement(core.Select, {
       "native": true,
-      disabled: !!idItem && idItem !== 0 ? true : false,
+      disabled: !!idItem && idItem !== 0 && values.type !== "Personalized" ? true : false,
       value: values.title,
       onChange: function onChange(e) {
         setFieldValue("title", e.target.value);
@@ -30005,7 +30007,6 @@ var AccomondationList = function AccomondationList() {
       handleEdit: handleEdit,
       isTeacher: isTeacher,
       isAllowedEdit: isAllowedEdit,
-      isAccommodationIEP: i.type.toUpperCase() == "IEP",
       titleDelete: "Do you want to delete this accommodation ?"
     }));
   }) : null));
@@ -30213,11 +30214,17 @@ var AboutMyLearningList = function AboutMyLearningList() {
     setOpen: setOpen,
     dataItem: dataItem,
     setDataItem: setDataItem
-  })), isTeacher && React__default.createElement(core.Grid, {
-    className: "" + styles$n["about-select"]
+  })), React__default.createElement(core.Grid, {
+    className: "" + ((listData === null || listData === void 0 ? void 0 : listData.length) > 0 ? styles$n["about-select"] : styles$n["box-empty-about-select"])
   }, React__default.createElement(core.Grid, {
     className: "" + styles$n["about-select-box"]
-  }, React__default.createElement(core.Grid, {
+  }, (listData === null || listData === void 0 ? void 0 : listData.length) == 0 && React__default.createElement(core.Box, {
+    p: 2,
+    className: "" + styles$n["box-data-mui"]
+  }, React__default.createElement(core.Typography, {
+    variant: "h5",
+    className: styles$n["box-data"] + "\n                                "
+  }, "No Data")), isTeacher && React__default.createElement(core.Grid, {
     className: "" + styles$n["about-select-switch"]
   }, React__default.createElement(core.Switch, {
     checked: isChecked,
@@ -30443,11 +30450,17 @@ var ThingTeachersCanHelpList = function ThingTeachersCanHelpList() {
     onDelete: handleDelete,
     setOpen: setOpen,
     getOneData: getOneData
-  })), isTeacher && React__default.createElement(core.Grid, {
-    className: "" + styles$m["about-select"]
+  })), React__default.createElement(core.Grid, {
+    className: "" + ((listData === null || listData === void 0 ? void 0 : listData.length) > 0 ? styles$m["about-select"] : styles$m["box-empty-thingteacher"])
   }, React__default.createElement(core.Grid, {
     className: "" + styles$m["about-select-box"]
-  }, React__default.createElement(core.Grid, {
+  }, (listData === null || listData === void 0 ? void 0 : listData.length) == 0 && React__default.createElement(core.Box, {
+    p: 2,
+    className: "" + styles$m["box-data-mui"]
+  }, React__default.createElement(core.Typography, {
+    variant: "h5",
+    className: styles$m["box-data"] + "\n                                "
+  }, "No Data")), isTeacher && React__default.createElement(core.Grid, {
     className: "" + styles$m["about-select-switch"]
   }, React__default.createElement(core.Switch, {
     checked: isChecked,
@@ -31414,30 +31427,34 @@ var useNote = function useNote() {
       render = _useState7[0],
       setRender = _useState7[1];
 
-  var inputSearch = React.useRef(null);
   var dispatch = reactRedux.useDispatch();
   var history = reactRouterDom.useHistory();
   React.useEffect(function () {
     dataNoteAllSelect();
-  }, [isFavorite, startDate, endDate, render, category]);
+  }, [isFavorite, startDate, endDate, render, category, search]);
 
   var changeStartDate = function changeStartDate(date) {
     setStartDate(date === null || date === void 0 ? void 0 : date.valueOf());
   };
 
-  var onChangeSearch = function onChangeSearch(e) {
-    var valueSearch = e.target.value;
-    setSearch(valueSearch);
+  var inputSearch = React.useRef(null);
+
+  var handleChangeInputSearch = function handleChangeInputSearch(event) {
+    var inputValue = event.target.value;
 
     if (!!inputSearch.current) {
       clearTimeout(inputSearch.current);
     }
 
     inputSearch.current = setTimeout(function () {
-      dataNoteAllSelect();
+      setSearch(inputValue);
     }, 800);
   };
 
+  React.useEffect(function () {
+    dataNoteAllSelect();
+  }, [search]);
+
   var changeEndDate = function changeEndDate(date) {
     setEndDate(date === null || date === void 0 ? void 0 : date.valueOf());
   };
@@ -31526,16 +31543,17 @@ var useNote = function useNote() {
     startDate: startDate,
     endDate: endDate,
     allNoteList: allNoteList,
-    onChangeSearch: onChangeSearch,
+    handleChangeInputSearch: handleChangeInputSearch,
     search: search,
     onClickFavorite: onClickFavorite,
     addNoteLink: addNoteLink,
     viewItemNoteLink: viewItemNoteLink,
     viewListNote: viewListNote,
-    inputSearch: inputSearch,
     updateFavorite: updateFavorite,
     category: category,
-    handleChangeCategory: handleChangeCategory
+    handleChangeCategory: handleChangeCategory,
+    dataNoteAllSelect: dataNoteAllSelect,
+    inputSearch: inputSearch
   };
 };
 
@@ -31546,17 +31564,16 @@ var Note = function Note() {
       changeEndDate = _useNote.changeEndDate,
       changeStartDate = _useNote.changeStartDate,
       startDate = _useNote.startDate,
-      search = _useNote.search,
-      onChangeSearch = _useNote.onChangeSearch,
+      handleChangeInputSearch = _useNote.handleChangeInputSearch,
       allNoteList = _useNote.allNoteList,
       onClickFavorite = _useNote.onClickFavorite,
       addNoteLink = _useNote.addNoteLink,
       viewItemNoteLink = _useNote.viewItemNoteLink,
-      inputSearch = _useNote.inputSearch,
       updateFavorite = _useNote.updateFavorite,
       endDate = _useNote.endDate,
       category = _useNote.category,
-      handleChangeCategory = _useNote.handleChangeCategory;
+      handleChangeCategory = _useNote.handleChangeCategory,
+      inputSearch = _useNote.inputSearch;
 
   var renderNoteList = function renderNoteList(note) {
     var _note$type;
@@ -31628,6 +31645,7 @@ var Note = function Note() {
         }, note.text)));
 
       case "OnoToOne":
+      case "Conference":
         if (note.text) {
           var noteItem = note.text.split("[/]");
 
@@ -31776,10 +31794,7 @@ var Note = function Note() {
   }, React__default.createElement(SearchIcon, null)), React__default.createElement(core.InputBase, {
     placeholder: "Search student",
     className: "" + styles$u["inputInput"],
-    onChange: function onChange(e) {
-      return onChangeSearch(e);
-    },
-    value: search,
+    onChange: handleChangeInputSearch,
     inputProps: {
       "aria-label": "search"
     },
@@ -31787,7 +31802,7 @@ var Note = function Note() {
   }))))), allNoteList.length > 0 ? allNoteList.map(function (item) {
     return React__default.createElement("div", {
       className: "" + styles$u["content-note"]
-    }, (item === null || item === void 0 ? void 0 : item.type) === "Personalized" ? renderNoteList(item) : React__default.createElement(React__default.Fragment, null, (item === null || item === void 0 ? void 0 : item.text) && renderNoteList(item)));
+    }, (item === null || item === void 0 ? void 0 : item.type) === "Personalized" ? renderNoteList(item) : (item === null || item === void 0 ? void 0 : item.text) && renderNoteList(item));
   }) : React__default.createElement("div", {
     className: "" + styles$u["no-data"]
   }, React__default.createElement("p", {
@@ -34577,25 +34592,45 @@ var useEditLearningStrategies$1 = function useEditLearningStrategies() {
       selectData = _useState3[0],
       setSelectData = _useState3[1];
 
-  var selectLearning = function selectLearning(checked, data) {
+  var selectLearning = function selectLearning(checked, id) {
     var value = [].concat(selectData);
     var item = value === null || value === void 0 ? void 0 : value.find(function (item) {
-      return item == data;
+      return item.identification == id;
     });
 
     if (checked) {
-      if (!!data && !item) value.push(data);
+      if (!!id && !item) value.push({
+        id: id,
+        identification: id
+      });
+
+      if (!!id && item && item.id === null) {
+        value[value.indexOf(item)].id = id;
+      }
     } else {
-      value.splice(value.indexOf(item), 1);
+      value[value.indexOf(item)].id = null;
     }
 
     setSelectData(value);
   };
 
-  var handleChangeNote = function handleChangeNote(e, index) {
-    var value = [].concat(learningStrategyData);
-    value[index].note = e;
-    setLearningStrategyData(value);
+  var handleChangeNote = function handleChangeNote(e, id) {
+    var select = [].concat(selectData);
+    var itemIndex = select === null || select === void 0 ? void 0 : select.findIndex(function (item) {
+      return item.identification == id;
+    });
+
+    if (itemIndex === -1) {
+      select.push({
+        id: null,
+        note: e,
+        identification: id
+      });
+    } else {
+      select[itemIndex].note = e;
+    }
+
+    setSelectData(select);
   };
 
   var backToLearningStrategy = function backToLearningStrategy() {
@@ -34606,17 +34641,26 @@ var useEditLearningStrategies$1 = function useEditLearningStrategies() {
     try {
       return Promise.resolve(_catch(function () {
         var value = [];
-        if (!selectData || selectData.length === 0) throw new Error("Please choose at least one Learning Strategies");
+        var data = [];
+
+        for (var _iterator = _createForOfIteratorHelperLoose(selectData), _step; !(_step = _iterator()).done;) {
+          var item = _step.value;
+          if (item.id !== null) data.push(item);
+        }
+
+        if (!data || data.length === 0) throw new Error("Please choose at least one Learning Strategies");
 
         var _loop = function _loop() {
-          var element = _step.value;
+          var element = _data[_i];
           var item = learningStrategyData === null || learningStrategyData === void 0 ? void 0 : learningStrategyData.find(function (item) {
-            return item.id == element;
+            return item.id == element.id;
           });
-          value.push(item);
+          value.push(_extends({}, item, {
+            note: element.note
+          }));
         };
 
-        for (var _iterator = _createForOfIteratorHelperLoose(selectData), _step; !(_step = _iterator()).done;) {
+        for (var _i = 0, _data = data; _i < _data.length; _i++) {
           _loop();
         }
 
@@ -34634,6 +34678,33 @@ var useEditLearningStrategies$1 = function useEditLearningStrategies() {
     }
   };
 
+  var handleCheckSelectItem = function handleCheckSelectItem(id) {
+    for (var _iterator2 = _createForOfIteratorHelperLoose(selectData), _step2; !(_step2 = _iterator2()).done;) {
+      var item = _step2.value;
+      if (item.id === id) return true;
+    }
+
+    return false;
+  };
+
+  var handleShowNote = function handleShowNote(id) {
+    var item = selectData === null || selectData === void 0 ? void 0 : selectData.find(function (item) {
+      return item.identification == id;
+    });
+    return !!item && item.note ? item.note : "";
+  };
+
+  var handleShowSelectItemCount = function handleShowSelectItemCount() {
+    var data = [];
+
+    for (var _iterator3 = _createForOfIteratorHelperLoose(selectData), _step3; !(_step3 = _iterator3()).done;) {
+      var item = _step3.value;
+      if (item.id !== null) data.push(item);
+    }
+
+    return data.length;
+  };
+
   React.useEffect(function () {
     document.title = "Learning Strategies";
   }, []);
@@ -34651,7 +34722,10 @@ var useEditLearningStrategies$1 = function useEditLearningStrategies() {
     filters: filters,
     selectData: selectData,
     handleAddLearningStrategy: handleAddLearningStrategy,
-    backToLearningStrategy: backToLearningStrategy
+    backToLearningStrategy: backToLearningStrategy,
+    handleCheckSelectItem: handleCheckSelectItem,
+    handleShowNote: handleShowNote,
+    handleShowSelectItemCount: handleShowSelectItemCount
   };
 };
 
@@ -34661,9 +34735,11 @@ function LearningStrategiesSave() {
       selectLearning = _useAddLearningStrate.selectLearning,
       handleChangeNote = _useAddLearningStrate.handleChangeNote,
       changeFilters = _useAddLearningStrate.changeFilters,
-      selectData = _useAddLearningStrate.selectData,
       handleAddLearningStrategy = _useAddLearningStrate.handleAddLearningStrategy,
-      backToLearningStrategy = _useAddLearningStrate.backToLearningStrategy;
+      backToLearningStrategy = _useAddLearningStrate.backToLearningStrategy,
+      handleCheckSelectItem = _useAddLearningStrate.handleCheckSelectItem,
+      handleShowNote = _useAddLearningStrate.handleShowNote,
+      handleShowSelectItemCount = _useAddLearningStrate.handleShowSelectItemCount;
 
   var handleBestFit = function handleBestFit(e) {
     var string = !!e ? e : "";
@@ -34723,7 +34799,7 @@ function LearningStrategiesSave() {
     xs: 8
   }, React__default.createElement("div", {
     className: "" + styles$x["search"]
-  }, " ", React__default.createElement("p", null, !!selectData ? selectData.length : "0", " ", "Selected Learning Strategies"))), React__default.createElement(core.Grid, {
+  }, " ", React__default.createElement("p", null, handleShowSelectItemCount() + " Selected Learning Strategies"))), React__default.createElement(core.Grid, {
     item: true,
     xs: 4
   }, React__default.createElement("div", {
@@ -34740,7 +34816,7 @@ function LearningStrategiesSave() {
     InputProps: {
       endAdornment: React__default.createElement(core.IconButton, null, React__default.createElement(SearchIcon, null))
     }
-  })))), !!learningStrategyData && learningStrategyData.length > 0 ? learningStrategyData.map(function (e, index) {
+  })))), !!learningStrategyData && learningStrategyData.length > 0 ? learningStrategyData.map(function (e) {
     return React__default.createElement(core.Grid, {
       container: true,
       spacing: 2
@@ -34755,6 +34831,7 @@ function LearningStrategiesSave() {
       onChange: function onChange(_i, value) {
         return selectLearning(value, e.id);
       },
+      checked: handleCheckSelectItem(e.id),
       color: "primary",
       inputProps: {
         "aria-label": "secondary checkbox"
@@ -34773,9 +34850,9 @@ function LearningStrategiesSave() {
     }, React__default.createElement("div", {
       className: "" + styles$x["content-note"]
     }, "Add Note"), React__default.createElement(InputComponent, {
-      valueText: !!e.note ? e.note : "",
-      onChange: function onChange(e) {
-        return handleChangeNote(e, index);
+      valueText: handleShowNote(e.id),
+      onChange: function onChange(event) {
+        return handleChangeNote(event, e.id);
       },
       name: "",
       placeholder: "Add note"
@@ -35599,7 +35676,8 @@ var useDoneList = function useDoneList() {
     handleChangeDeadline: handleChangeDeadline,
     handleChangeClassName: handleChangeClassName,
     changeFilters: changeFilters,
-    filters: filters
+    filters: filters,
+    isTeacher: isTeacher
   };
 };
 
@@ -35610,6 +35688,7 @@ var DoneList = function DoneList() {
       classList = _doneListServices.classList,
       handleChangeDeadline = _doneListServices.handleChangeDeadline,
       handleChangeClassName = _doneListServices.handleChangeClassName,
+      isTeacher = _doneListServices.isTeacher,
       filters = _doneListServices.filters;
 
   return React__default.createElement("div", {
@@ -35618,7 +35697,7 @@ var DoneList = function DoneList() {
     className: "" + styles$A["wrapper"]
   }, React__default.createElement("div", {
     className: "" + styles$A["filter-box"]
-  }, React__default.createElement(core.FormControl, {
+  }, !isTeacher && React__default.createElement(core.FormControl, {
     variant: "outlined",
     style: {
       marginRight: "10px"
@@ -37587,7 +37666,7 @@ var MyClassReflection = function MyClassReflection() {
       className: "" + styles$B["student-detail"]
     }, React__default.createElement("img", {
       className: styles$B["reflection-avatar"] + " " + styles$B["avatar_user"],
-      src: !!(row !== null && row !== void 0 && row.studentAvatar) ? row === null || row === void 0 ? void 0 : row.studentAvatar : DEFAULT_USER_AVATAR$n
+      src: !!(row !== null && row !== void 0 && row.studentAvatar) ? marioCore.getFileUrl(row === null || row === void 0 ? void 0 : row.studentAvatar) : DEFAULT_USER_AVATAR$n
     }), row.studentName)), React__default.createElement(core.TableCell, {
       align: "left",
       style: {
@@ -37658,7 +37737,7 @@ var MyClassReflection = function MyClassReflection() {
         marginRight: "10px"
       },
       className: styles$B["reflection-avatar"] + " " + styles$B["avatar_user"],
-      src: !!(row !== null && row !== void 0 && row.teacherAvatar) ? row === null || row === void 0 ? void 0 : row.teacherAvatar : DEFAULT_USER_AVATAR$n
+      src: !!(row !== null && row !== void 0 && row.teacherAvatar) ? marioCore.getFileUrl(row === null || row === void 0 ? void 0 : row.teacherAvatar) : DEFAULT_USER_AVATAR$n
     }), React__default.createElement(core.Typography, {
       className: "" + styles$B["reflection-name"]
     }, row.teacherName)), React__default.createElement(core.Grid, {