mario-teacher-student-client 9000.0.21 → 9000.0.22

package/dist/containers/MyStudent/constants/types.d.ts

@@ -65,6 +65,7 @@ export interface CLASS_REFLECTION {
     teacherAvatar?: string;
     IsDescending?: boolean;
     studentName?: string;
+    receiviedDate?: any;
 }
 export interface QuestionAnswer {
     id: number;

package/dist/index.css

@@ -2558,7 +2558,8 @@ h2._1OAmb {
     ._m1FkD ._3bMn1 ._DRbPW {
       border-bottom: 1px solid #c4c4c4;
       text-align: center;
-      padding: 14px 0px; }
+      padding: 14px 0px;
+      cursor: pointer; }
     ._m1FkD ._3bMn1 ._37XQi {
       padding: 12px; }
       ._m1FkD ._3bMn1 ._37XQi ._lJNUX {
@@ -2946,7 +2947,7 @@ h2._1OAmb {
   font-family: "Roboto";
   font-size: 16px;
   font-weight: 400;
-  width: 20vw; }
+  width: 30vw; }
 
 ._2ytmF {
   width: 52px;
@@ -2959,7 +2960,7 @@ h2._1OAmb {
 
 ._2RP6e {
   overflow-y: auto;
-  height: 52%;
+  height: 52vh;
   margin-bottom: 10px; }
 
 ._zyDqv {
@@ -3003,6 +3004,24 @@ h2._1OAmb {
 ._SGD0h {
   cursor: pointer; }
 
+@media screen and (min-height: 100px) {
+  ._2RP6e {
+    overflow-y: auto;
+    height: 20vh;
+    margin-bottom: 10px; } }
+
+@media screen and (min-height: 760px) {
+  ._2RP6e {
+    overflow-y: auto;
+    height: 30vh;
+    margin-bottom: 10px; } }
+
+@media screen and (min-height: 930px) {
+  ._2RP6e {
+    overflow-y: auto;
+    height: 40vh;
+    margin-bottom: 10px; } }
+
 @font-face {
   font-family: "Lato-Regular";
   src: url("/fonts/Lato-Regular.ttf");
@@ -4488,6 +4507,23 @@ h2._1OAmb {
   color: #3182CE;
   background: rgba(186, 213, 248, 0.5); }
 
+._23F1r {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20px 0; }
+  ._23F1r ._htNcj {
+    display: flex;
+    align-items: center;
+    justify-content: space-between; }
+    ._23F1r ._htNcj ._2jl3g {
+      display: flex;
+      align-items: center;
+      padding-left: 15px; }
+      ._23F1r ._htNcj ._2jl3g > p {
+        font-weight: 400;
+        font-size: 14px; }
+
 @font-face {
   font-family: "Lato-Regular";
   src: url("/fonts/Lato-Regular.ttf");
@@ -7502,6 +7538,25 @@ h2._1KpSK {
 ._2T-ZP {
   color: red; }
 
+._2C9VW {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  padding: 20px 0; }
+  ._2C9VW ._3b7qo {
+    display: flex;
+    align-items: center;
+    justify-content: space-between; }
+    ._2C9VW ._3b7qo ._1tygR {
+      width: 300px; }
+    ._2C9VW ._3b7qo ._MKx6q {
+      display: flex;
+      align-items: center;
+      padding-left: 15px; }
+      ._2C9VW ._3b7qo ._MKx6q > p {
+        font-weight: 400;
+        font-size: 14px; }
+
 ._13S5J {
   background: #FFFFFF;
   box-shadow: 0px 3px 12px 2px rgba(0, 0, 0, 0.12);
@@ -8380,6 +8435,9 @@ button._kb6Ui {
       display: flex;
       padding-left: 15px; }
       ._2Kqyy ._CqXeM ._2RMhs ._15B2X {
+        max-width: 40vw;
+        overflow: hidden;
+        text-overflow: ellipsis;
         margin-left: 10px;
         color: #1A202C;
         font-weight: 400;
@@ -8397,7 +8455,10 @@ button._kb6Ui {
       ._2Kqyy ._CqXeM ._oTRhw ._FmE78 {
         font-size: 20px;
         font-weight: 700;
-        font-family: "Roboto", sans-serif !important; }
+        font-family: "Roboto", sans-serif !important;
+        max-width: 50vw;
+        text-overflow: ellipsis;
+        overflow: hidden; }
       ._2Kqyy ._CqXeM ._oTRhw ._yC3LF {
         font-weight: bold;
         font-size: 16px;
@@ -8406,7 +8467,10 @@ button._kb6Ui {
         color: #1A202C;
         font-weight: 400;
         font-size: 16px;
-        font-family: "Roboto", sans-serif !important; }
+        font-family: "Roboto", sans-serif !important;
+        max-width: 50vw;
+        text-overflow: ellipsis;
+        overflow: hidden; }
       ._2Kqyy ._CqXeM ._oTRhw ._319e5 {
         margin-left: 50px; }
         ._2Kqyy ._CqXeM ._oTRhw ._319e5 ._3dAV2 {

package/dist/index.js

@@ -2500,8 +2500,8 @@ var useUpComing = function useUpComing() {
     setFilters = _useState3[1];
   } else {
     var _useState4 = React.useState({
-      startDate: Date.now(),
-      endDate: moment().add(7, "days").valueOf(),
+      startDate: moment().startOf("day").valueOf(),
+      endDate: moment().add(7, "days").endOf("day").valueOf(),
       currentPage: 1,
       pageSize: 10,
       searchString: "",
@@ -3817,8 +3817,8 @@ var useSessionCompleted = function useSessionCompleted() {
     setFilters = _useState2[1];
   } else {
     var _useState3 = React.useState({
-      startDate: moment().subtract(30, 'days').valueOf(),
-      endDate: Date.now(),
+      startDate: moment().subtract(30, 'days').startOf("day").valueOf(),
+      endDate: moment().endOf("day").valueOf(),
       currentPage: 1,
       pageSize: 10,
       searchString: "",
@@ -4833,8 +4833,8 @@ var useUpComing$1 = function useUpComing() {
       setStudentData = _useState2[1];
 
   var _useState3 = React.useState({
-    startDate: Date.now(),
-    endDate: moment().add(7, "days").valueOf(),
+    startDate: moment().startOf("day").valueOf(),
+    endDate: moment().add(7, "days").endOf("day").valueOf(),
     currentPage: 1,
     pageSize: 10,
     searchString: "",
@@ -5768,8 +5768,8 @@ var useSessionCompleted$1 = function useSessionCompleted() {
       setSessionDataHistory = _useState[1];
 
   var _useState2 = React.useState({
-    startDate: moment().subtract(30, "days").valueOf(),
-    endDate: Date.now(),
+    startDate: moment().subtract(30, "days").startOf("day").valueOf(),
+    endDate: moment().endOf("day").valueOf(),
     currentPage: 1,
     pageSize: 10,
     searchString: "",
@@ -8656,7 +8656,7 @@ var ScaffoldingListingQuestions = function ScaffoldingListingQuestions(props) {
     label: "Category"
   }, React__default.createElement(core.MenuItem, {
     value: ""
-  }, React__default.createElement("em", null, "All")), categoryList === null || categoryList === void 0 ? void 0 : (_categoryList$sort = categoryList.sort()) === null || _categoryList$sort === void 0 ? void 0 : _categoryList$sort.map(function (i) {
+  }, React__default.createElement("p", null, "All")), categoryList === null || categoryList === void 0 ? void 0 : (_categoryList$sort = categoryList.sort()) === null || _categoryList$sort === void 0 ? void 0 : _categoryList$sort.map(function (i) {
     return React__default.createElement(core.MenuItem, {
       value: i.category
     }, i.category);
@@ -8680,7 +8680,7 @@ var ScaffoldingListingQuestions = function ScaffoldingListingQuestions(props) {
     label: "Level"
   }, React__default.createElement(core.MenuItem, {
     value: ""
-  }, React__default.createElement("em", null, "All")), levelList === null || levelList === void 0 ? void 0 : (_levelList$sort = levelList.sort()) === null || _levelList$sort === void 0 ? void 0 : _levelList$sort.map(function (i) {
+  }, React__default.createElement("p", null, "All")), levelList === null || levelList === void 0 ? void 0 : (_levelList$sort = levelList.sort()) === null || _levelList$sort === void 0 ? void 0 : _levelList$sort.map(function (i) {
     return React__default.createElement(core.MenuItem, {
       value: i.level
     }, i.level);
@@ -12099,7 +12099,8 @@ var SessionResultComponent = function SessionResultComponent() {
     },
     style: {
       borderRadius: "12px",
-      overflow: "hidden"
+      overflow: "hidden",
+      color: "gray"
     }
   }, React__default.createElement("option", {
     "aria-label": "None",
@@ -14613,7 +14614,7 @@ var StudentTabs = function StudentTabs(props) {
 
 var styles$8 = {"box-overview":"_3uYAt","overview-left":"_1V3nf","overview-schedule":"_2AQxk","overview-partner-profiles":"_J8fJn","show-arrange-today":"_1qCwl","gr-date-time":"_1clLN","date-picker-overview":"_1RV8f","date-time":"_286sF","box":"_2QGnx","title-box":"_175nT","content-box":"_fEaRj","overview-right":"_3sc5l","pie-chart-box":"_13FnU","readiness-to-learn":"_21Iny","accordion-item":"_2UlJW","collap-box":"_l-kLp","title-overview":"_3aapW","width-90":"_2wWhs","height-13vh":"_2WNUe","chartDataAndLabelData":"_1jSN5","date-picker-mobile":"_3F0Tm","date-picker-to":"_3140u"};
 
-var styles$9 = {"goal-card":"_1jL2C","goal-card-item":"_2q6Jl","left-item":"_4pljN","title-item":"_UyJJC","description-item":"_1vD4_","right-item":"_2_cth","category-item":"_Ir2t4","status-item":"_KlwFr","completed":"_3KX9R","in-progress":"_3uKru","inactive":"_3xn_A","about-header":"_6yaJW","about-header-left":"_1WPpp","about-header-right":"_3f3Jr","btn-box":"_1gpWP","btn-delete":"_hDvhF","box-body":"_12xB1","about-select":"_1Saet","about-select-box":"_htNcj","about-select-switch":"_2jl3g","list":"_1UciI","list-item":"_23pHy","item-name":"_3OZr_","detail":"_1aWxh","detail-item":"_3w-gW","goal-type":"_N5IAL","right-item-view-container":"_tOmgJ","right-item-view":"_3KxkK","status-box":"_3y2ts","size-check-point":"_2p5xO","box-content":"_1qog7","content-title":"_3n8Ym","title":"_3GtSy","content":"_2ehnh","err-message":"_3Gf3H","goal-form":"_e5B2A","goal-form-input":"_1wAWv","dialog-box-button":"_hor2Q","dialog-button-add":"_2oVq-","dialog-button-cancel":"_3o2FD","header-dialog":"_FMoSF","dialog-body":"_2wDRF","message-item":"_piBW5","icon-delete":"_1gaoX","block1-survey":"_1DfBV","block-step":"_22x1C","step-active":"_1rICV","back-step":"_DRPKF","box-text":"_5C51T","text-point":"_2lKpt","text-description":"_3h6aC","text-time":"_2w2ZD","done-icon":"_1By2Z","cursor-icon":"_xF74l","box-table-draggable":"_2o-8F","draggable-header":"_5W2Fg","icon-bottom":"_2PHt1","delete-box":"_c9TZq","fit-content":"_2TkuX","box-title-upload":"_2sO-2","title-upload":"_1Y93b","description-upload":"_3MlDb","box-select":"_3znlu","left-file-box":"_yCdmh","file-box":"_30PED","file-name":"_3o3-9","file-icon":"_EcMhp","cancel-icon":"_20zNl","icon-btn":"_2hccP","box-header":"_1lFaB","box-header-title":"_3O23t","box-header-button":"_1Bb3d","box-header-button-name":"_3BZZP","box-header-button-icon":"_37odR","box-header-item":"_1RM3i","item-title":"_1RDj7","item-right":"_3Wl2k","item-description":"_23ld8","box-items":"_Nyi4t","box-status":"_2qZ3K","box-progress-item":"_P01if","status-item-margin":"_1XhVj","goals-box":"_2eBS9","step-icon":"_1OOBH","icon":"_3oCcd","cancel":"_3WgsP","active":"_1qDbH","dot":"_1vcUH"};
+var styles$9 = {"goal-card":"_1jL2C","goal-card-item":"_2q6Jl","left-item":"_4pljN","title-item":"_UyJJC","description-item":"_1vD4_","right-item":"_2_cth","category-item":"_Ir2t4","status-item":"_KlwFr","completed":"_3KX9R","in-progress":"_3uKru","inactive":"_3xn_A","about-header":"_6yaJW","about-header-left":"_1WPpp","about-header-right":"_3f3Jr","btn-box":"_1gpWP","btn-delete":"_hDvhF","box-body":"_12xB1","about-select":"_1Saet","about-select-box":"_htNcj","about-select-switch":"_2jl3g","list":"_1UciI","list-item":"_23pHy","item-name":"_3OZr_","detail":"_1aWxh","detail-item":"_3w-gW","goal-type":"_N5IAL","right-item-view-container":"_tOmgJ","right-item-view":"_3KxkK","status-box":"_3y2ts","size-check-point":"_2p5xO","box-content":"_1qog7","content-title":"_3n8Ym","title":"_3GtSy","content":"_2ehnh","err-message":"_3Gf3H","goal-form":"_e5B2A","goal-form-input":"_1wAWv","dialog-box-button":"_hor2Q","dialog-button-add":"_2oVq-","dialog-button-cancel":"_3o2FD","header-dialog":"_FMoSF","dialog-body":"_2wDRF","message-item":"_piBW5","icon-delete":"_1gaoX","block1-survey":"_1DfBV","block-step":"_22x1C","step-active":"_1rICV","back-step":"_DRPKF","box-text":"_5C51T","text-point":"_2lKpt","text-description":"_3h6aC","text-time":"_2w2ZD","done-icon":"_1By2Z","cursor-icon":"_xF74l","box-table-draggable":"_2o-8F","draggable-header":"_5W2Fg","icon-bottom":"_2PHt1","delete-box":"_c9TZq","fit-content":"_2TkuX","box-title-upload":"_2sO-2","title-upload":"_1Y93b","description-upload":"_3MlDb","box-select":"_3znlu","left-file-box":"_yCdmh","file-box":"_30PED","file-name":"_3o3-9","file-icon":"_EcMhp","cancel-icon":"_20zNl","icon-btn":"_2hccP","box-header":"_1lFaB","box-header-title":"_3O23t","box-header-button":"_1Bb3d","box-header-button-name":"_3BZZP","box-header-button-icon":"_37odR","box-header-item":"_1RM3i","item-title":"_1RDj7","item-right":"_3Wl2k","item-description":"_23ld8","box-items":"_Nyi4t","box-status":"_2qZ3K","box-progress-item":"_P01if","status-item-margin":"_1XhVj","goals-box":"_2eBS9","step-icon":"_1OOBH","icon":"_3oCcd","cancel":"_3WgsP","active":"_1qDbH","dot":"_1vcUH","box-nodata-goal":"_23F1r"};
 
 var STUDENT_URL$1 = marioCore.BASE_URL + "/api/Student";
 var GOAL_URL = marioCore.BASE_URL + "/api/Goal";
@@ -18788,21 +18789,6 @@ var ClassReflection = function ClassReflection() {
     var resultUrl = "/result-reflection/" + row.id;
     history.push(resultUrl);
   }, [isTeacher]);
-  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 () {
-      changeFilters({
-        searchString: inputValue
-      });
-    }, 800);
-  };
 
   var handleSort = function handleSort(e) {
     if (e === "classDate") {
@@ -18854,6 +18840,16 @@ var ClassReflection = function ClassReflection() {
         sortBy: "state"
       });
     }
+
+    if (e === "receiviedDate") {
+      filters.sortOrder === "DESC" ? changeFilters({
+        sortOrder: "ASC",
+        sortBy: "score"
+      }) : changeFilters({
+        sortOrder: "DESC",
+        sortBy: "score"
+      });
+    }
   };
 
   var handleChangeRowsPerPage = function handleChangeRowsPerPage(event) {
@@ -18873,22 +18869,7 @@ var ClassReflection = function ClassReflection() {
     document.title = "Class Reflection";
     getDataClassReflections(filters, studentId);
   }, [filters]);
-  return React__default.createElement(core.Grid, null, React__default.createElement(core.Grid, {
-    item: true,
-    className: "" + myStudent["gr-action"]
-  }, React__default.createElement("div", {
-    className: "" + myStudent["search-input"]
-  }, React__default.createElement("div", {
-    className: "" + myStudent["search-input-icon"]
-  }, React__default.createElement(SearchIcon, null)), React__default.createElement(core.InputBase, {
-    placeholder: "Search student",
-    inputProps: {
-      "aria-label": "search"
-    },
-    className: "" + myStudent["inputInput"],
-    onChange: handleChangeInputSearch,
-    ref: inputSearch
-  }))), React__default.createElement(core.Grid, null, screenWidth > 600 ? React__default.createElement(React__default.Fragment, null, React__default.createElement(core.TableContainer, {
+  return React__default.createElement(core.Grid, null, React__default.createElement(core.Grid, null, screenWidth > 600 ? React__default.createElement(React__default.Fragment, null, React__default.createElement(core.TableContainer, {
     style: {
       margin: "20px 0"
     }
@@ -18959,6 +18940,27 @@ var ClassReflection = function ClassReflection() {
       marginLeft: "5px"
     }
   }) : ""), React__default.createElement(core.TableCell, {
+    style: {
+      fontWeight: 700,
+      fontSize: 14,
+      textTransform: "uppercase",
+      cursor: "pointer"
+    },
+    width: "20%",
+    onClick: function onClick() {
+      handleSort("receiviedDate");
+    }
+  }, "RECEIVIED DATE", filters.sortBy == "receiviedDate" && (filters.sortOrder === "DESC" ? React__default.createElement(ArrowDownwardIcon, {
+    color: "disabled",
+    style: {
+      marginLeft: "5px"
+    }
+  }) : React__default.createElement(ArrowUpwardIcon, {
+    color: "disabled",
+    style: {
+      marginLeft: "5px"
+    }
+  }))), React__default.createElement(core.TableCell, {
     style: {
       fontWeight: 700,
       fontSize: 14,
@@ -19010,6 +19012,8 @@ var ClassReflection = function ClassReflection() {
   }, " "))), React__default.createElement(core.TableBody, null, !!classReflectionData && (classReflectionData === null || classReflectionData === void 0 ? void 0 : classReflectionData.items).length > 0 ? classReflectionData === null || classReflectionData === void 0 ? void 0 : (_classReflectionData$ = classReflectionData.items) === null || _classReflectionData$ === void 0 ? void 0 : _classReflectionData$.map(function (row) {
     var timeStart = marioCore.utcToLocalTime(row === null || row === void 0 ? void 0 : row.classDate, "Do MMMM yyyy - hh:mm A").toString();
     var timeSplitArray = timeStart.split(" - ");
+    var timeReceivedDate = marioCore.utcToLocalTime(row === null || row === void 0 ? void 0 : row.receiviedDate, "Do MMM yyyy - hh:mm A").toString();
+    var timeReceivedArray = timeReceivedDate.split(" - ");
     return React__default.createElement(core.TableRow, {
       key: row.id
     }, React__default.createElement(core.TableCell, {
@@ -19048,6 +19052,13 @@ var ClassReflection = function ClassReflection() {
       className: myStudent["reflection-avatar"] + " " + myStudent["avatar_user"],
       src: !!(row !== null && row !== void 0 && row.teacherAvatar) ? row === null || row === void 0 ? void 0 : row.teacherAvatar : DEFAULT_USER_AVATAR$a
     }), row.teacherName)), React__default.createElement(core.TableCell, {
+      align: "left",
+      className: "" + myStudent["row_time"]
+    }, !!(row !== null && row !== void 0 && row.receiviedDate) && React__default.createElement("span", {
+      className: "" + myStudent["time-Date"]
+    }, timeReceivedArray[0], React__default.createElement("span", {
+      className: "" + myStudent["time-Hours-Minute"]
+    }, timeReceivedArray[1]))), React__default.createElement(core.TableCell, {
       align: "left",
       style: {
         fontSize: 16
@@ -27597,7 +27608,7 @@ var AboutMyLearning = function AboutMyLearning(_ref) {
   })));
 };
 
-var styles$o = {"accomondation-box":"_3pVob","accomondation-top":"_1mHx1","accomondation-top-title":"_5zvD_","accomondation-top-right":"_scSnT","accomondation-top-switch":"_3Mlnb","accomondation-view":"_10xHG","accomondation-content":"_2lhUG","accomondation-content-title":"_vxCXg","accomondation-content-description":"_3t0aP","accomondation-content-status":"_2Pwa0","accommodation-header":"_35ID_","accommodation-header-left":"_noKgo","accommodation-header-right":"_2-wqL","accommodation-select":"_3ZWVE","accommodation-select-box":"_3b7qo","select-option":"_1tygR","accommodation-select-switch":"_MKx6q","dialog-box":"_3RQfz","dialog-box-input":"_1mRZf","dialog-box-title":"_aw6If","dialog-box-button":"_2URm7","dialog-button-add":"_tLh7M","dialog-button-cancel":"_1FJgY","accommodation-item-margin":"_37y9j","err-message":"_2T-ZP"};
+var styles$o = {"accomondation-box":"_3pVob","accomondation-top":"_1mHx1","accomondation-top-title":"_5zvD_","accomondation-top-right":"_scSnT","accomondation-top-switch":"_3Mlnb","accomondation-view":"_10xHG","accomondation-content":"_2lhUG","accomondation-content-title":"_vxCXg","accomondation-content-description":"_3t0aP","accomondation-content-status":"_2Pwa0","accommodation-header":"_35ID_","accommodation-header-left":"_noKgo","accommodation-header-right":"_2-wqL","accommodation-select":"_3ZWVE","accommodation-select-box":"_3b7qo","select-option":"_1tygR","accommodation-select-switch":"_MKx6q","dialog-box":"_3RQfz","dialog-box-input":"_1mRZf","dialog-box-title":"_aw6If","dialog-box-button":"_2URm7","dialog-button-add":"_tLh7M","dialog-button-cancel":"_1FJgY","accommodation-item-margin":"_37y9j","err-message":"_2T-ZP","box-nodata-accommodation":"_2C9VW"};
 
 var useAccommodation = function useAccommodation() {
   var dispatch = reactRedux.useDispatch();
@@ -29967,8 +29978,14 @@ var AccomondationList = function AccomondationList() {
     handleCloseConfirmDeleteDialog: onCloseConfirmDialog,
     handleDelete: handleDelete
   }), React__default.createElement(core.Grid, {
-    className: "" + styles$o["accommodation-select"]
-  }, React__default.createElement(core.Grid, {
+    className: "" + ((accommodationData === null || accommodationData === void 0 ? void 0 : accommodationData.length) > 0 ? styles$o["accommodation-select"] : styles$o["box-nodata-accommodation"])
+  }, (accommodationData === null || accommodationData === void 0 ? void 0 : accommodationData.length) == 0 && React__default.createElement(core.Box, {
+    p: 2,
+    className: "" + styles$o["box-data-mui"]
+  }, React__default.createElement(core.Typography, {
+    variant: "h5",
+    className: styles$o["box-data"] + "\n                  "
+  }, "No Data")), React__default.createElement(core.Grid, {
     className: "" + styles$o["accommodation-select-box"]
   }, React__default.createElement(Autocomplete, {
     className: "" + styles$o["select-option"],
@@ -35413,6 +35430,8 @@ var useTodoList = function useTodoList() {
 };
 
 var TodoList = function TodoList(props) {
+  var _dataActionPoint$acti;
+
   var _useTodoList = useTodoList(),
       classList = _useTodoList.classList,
       dataActionPoint = _useTodoList.dataActionPoint,
@@ -35495,7 +35514,13 @@ var TodoList = function TodoList(props) {
       actionPoints: i.actionPoints,
       reloadRef: props.reloadRef
     });
-  })))));
+  }))), (dataActionPoint === null || dataActionPoint === void 0 ? void 0 : (_dataActionPoint$acti = dataActionPoint.actionPointList) === null || _dataActionPoint$acti === void 0 ? void 0 : _dataActionPoint$acti.length) == 0 && React__default.createElement(core.Box, {
+    p: 2,
+    className: "" + styles$y["box-data-mui"]
+  }, React__default.createElement(core.Typography, {
+    variant: "h5",
+    className: styles$y["box-data"] + "\n                                "
+  }, "No Data"))));
 };
 
 var styles$A = {"done-list":"_1kaW0","wrapper":"_3SqkA","main-content":"_3UWpG"};
@@ -35682,6 +35707,8 @@ var useDoneList = function useDoneList() {
 };
 
 var DoneList = function DoneList() {
+  var _dataDoneList$actionP;
+
   var _doneListServices = useDoneList(),
       dataDoneList = _doneListServices.dataDoneList,
       deadline = _doneListServices.deadline,
@@ -35754,7 +35781,13 @@ var DoneList = function DoneList() {
       date: i.date,
       actionPoints: i.actionPoints
     });
-  })))));
+  }))), (dataDoneList === null || dataDoneList === void 0 ? void 0 : (_dataDoneList$actionP = dataDoneList.actionPointList) === null || _dataDoneList$actionP === void 0 ? void 0 : _dataDoneList$actionP.length) == 0 && React__default.createElement(core.Box, {
+    p: 2,
+    className: "" + styles$A["box-data-mui"]
+  }, React__default.createElement(core.Typography, {
+    variant: "h5",
+    className: styles$A["box-data"] + "\n                                "
+  }, "No Data"))));
 };
 
 var tabs$4 = [{
@@ -35844,11 +35877,17 @@ var GoalList = function GoalList() {
     className: "" + styles$9["about-header-right"]
   }, React__default.createElement(core.Typography, null, "ADD"), React__default.createElement(AddCircleIcon, null))), React__default.createElement(core.Grid, {
     className: "" + styles$9["box-body"]
-  }, isTeacher && React__default.createElement(core.Grid, {
-    className: "" + styles$9["about-select"]
   }, React__default.createElement(core.Grid, {
+    className: "" + ((listData === null || listData === void 0 ? void 0 : listData.length) > 0 ? styles$9["about-select"] : styles$9["box-nodata-goal"])
+  }, (listData === null || listData === void 0 ? void 0 : listData.length) == 0 && React__default.createElement(core.Box, {
+    p: 2,
+    className: "" + styles$9["box-data-mui"]
+  }, React__default.createElement(core.Typography, {
+    variant: "h5",
+    className: styles$9["box-data"] + "\n                              "
+  }, "No Data")), React__default.createElement(core.Grid, {
     className: "" + styles$9["about-select-box"]
-  }, React__default.createElement(core.Grid, {
+  }, isTeacher && React__default.createElement(core.Grid, {
     className: "" + styles$9["about-select-switch"]
   }, React__default.createElement(core.Switch, {
     checked: isChecked,