mario-teacher-student-client 3.0.2-admin → 3.0.5-admin

package/dist/index.js

@@ -12921,6 +12921,7 @@ var ConductIndex = function ConductIndex() {
       listQuestionStudents = _useConductOne.listQuestionStudents,
       listQuestionTeachers = _useConductOne.listQuestionTeachers,
       listLearningStrategory = _useConductOne.listLearningStrategory,
+      listLearningStrategoryCategory = _useConductOne.listLearningStrategoryCategory,
       updateQuestionAnswer = _useConductOne.updateQuestionAnswer,
       isUnlocked = _useConductOne.isUnlocked,
       setIsUnclocked = _useConductOne.setIsUnclocked,
@@ -12942,6 +12943,7 @@ var ConductIndex = function ConductIndex() {
       isUserChangeSession = _useConductOne.isUserChangeSession,
       numberOfEdit = _useConductOne.numberOfEdit,
       learningSupportCategoryId = _useConductOne.learningSupportCategoryId,
+      setLearningSupportCategoryId = _useConductOne.setLearningSupportCategoryId,
       isConversation = _useConductOne.isConversation,
       setConversation = _useConductOne.setConversation,
       onChangeConversationSession = _useConductOne.onChangeConversationSession,
@@ -12992,6 +12994,11 @@ var ConductIndex = function ConductIndex() {
       record = _useAudioRecorder.record,
       stop = _useAudioRecorder.stop;
 
+  var onChangeSessionCategory = function onChangeSessionCategory(event) {
+    var value = event.target.value;
+    setLearningSupportCategoryId(parseInt(value));
+  };
+
   var onChangeAfterSession = function onChangeAfterSession(checkedAfter) {
     setIsUnclocked(checkedAfter);
     onChangeToogleAfterSession();
@@ -13074,6 +13081,19 @@ var ConductIndex = function ConductIndex() {
     setOpenScaffolding(false);
   };
 
+  var compare = function compare(a, b) {
+    if (a.name < b.name) {
+      return -1;
+    }
+
+    if (a.name > b.name) {
+      return 1;
+    }
+
+    return 0;
+  };
+
+  var listSorted = !!listLearningStrategoryCategory && listLearningStrategoryCategory.sort(compare);
   return React__default.createElement("div", {
     className: styles$5["page-conduct"] + " " + styles$5[classFontSize]
   }, React__default.createElement(HeaderComponent, {
@@ -13153,6 +13173,66 @@ var ConductIndex = function ConductIndex() {
     className: styles$5["block-question"]
   }, React__default.createElement("div", {
     className: styles$5["title-strategories"]
+  }, React__default.createElement("div", {
+    className: styles$5["strategories-title"]
+  }, React__default.createElement("h2", {
+    className: styles$5["font-title"]
+  }, "Session Type"))), React__default.createElement("div", {
+    className: styles$5["block-session-type"]
+  }, React__default.createElement("div", {
+    className: styles$5["session-text"]
+  }, React__default.createElement("h2", null, "What is this session type?")), React__default.createElement("div", {
+    className: styles$5["session-select"]
+  }, React__default.createElement(core.FormControl, {
+    variant: "outlined",
+    style: {
+      minWidth: 300
+    }
+  }, React__default.createElement(core.InputLabel, {
+    htmlFor: "outlined-age-native-simple"
+  }, "Session type"), isUserChangeSession ? React__default.createElement(core.Select, {
+    "native": true,
+    value: learningSupportCategoryId,
+    onChange: function onChange(event) {
+      return onChangeSessionCategory(event);
+    },
+    label: "Session type",
+    inputProps: {
+      name: "age",
+      id: "outlined-age-native-simple"
+    },
+    style: {
+      borderRadius: "12px",
+      overflow: "hidden"
+    }
+  }, React__default.createElement("option", {
+    "aria-label": "None",
+    value: ""
+  }), listSorted === null || listSorted === void 0 ? void 0 : listSorted.map(function (item) {
+    return React__default.createElement("option", {
+      value: item.id,
+      style: {
+        color: "black"
+      },
+      key: item.id
+    }, item.name);
+  })) : React__default.createElement(core.Select, {
+    "native": true,
+    value: setLearningSupportCategoryId,
+    label: "Session type",
+    inputProps: {
+      name: "age",
+      id: "outlined-age-native-simple"
+    },
+    style: {
+      borderRadius: "12px",
+      overflow: "hidden"
+    },
+    disabled: true
+  }))))), isTeacher && isConversation && React__default.createElement("div", {
+    className: styles$5["block-question"]
+  }, React__default.createElement("div", {
+    className: styles$5["title-strategories"]
   }, React__default.createElement("div", {
     className: styles$5["strategories-image"]
   }, React__default.createElement("img", {