mario-teacher-student-client 1.4.4 → 1.4.5

package/dist/containers/MyStudent/configs/createStudentSchema.d.ts

@@ -0,0 +1,10 @@
+declare const schema: import("yup/lib/object").OptionalObjectSchema<{
+    firstName: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+    lastName: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+    email: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+}, Record<string, any>, import("yup/lib/object").TypeOfShape<{
+    firstName: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+    lastName: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+    email: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
+}>>;
+export default schema;

package/dist/index.css

@@ -3893,6 +3893,18 @@ h4._pDCgR {
 ._1OUbl p {
   color: #a80000; }
 
+@font-face {
+  font-family: "Lato-Regular";
+  src: url("/fonts/Lato-Regular.ttf");
+  font-weight: normal;
+  font-style: normal; }
+
+@font-face {
+  font-family: "Lato-Bold";
+  src: url("/fonts/Lato-Bold.ttf");
+  font-weight: normal;
+  font-style: normal; }
+
 ._12tWP ._1WNMT ._3BU0L p, ._1WNMT ._3BU0L p {
   color: #2d3748;
   font-size: 18px;
@@ -3926,6 +3938,9 @@ h4._pDCgR {
       border-right: 1px solid #e2e8f0; }
   ._23ZHZ ._3DiW6 > div {
     display: inline-block; }
+  @media (max-width: 767px) {
+    ._23ZHZ {
+      min-width: 1200px; } }
 
 ._1QPtC {
   padding: 0px 20px;
@@ -4022,8 +4037,8 @@ h2._1KpSK {
 ._2_UXR img,
 ._1fQy_ img,
 ._q3ph4 img {
-  width: 50px;
-  height: 50px;
+  width: 40px;
+  height: 40px;
   border-radius: 50%; }
 
 ._11rk4 {
@@ -4189,6 +4204,10 @@ h2._1KpSK {
     font-size: 15px;
     font-weight: 400; }
 
+._2fk-W {
+  font-size: 15px;
+  color: red; }
+
 ._xFFH1 {
   width: 60px;
   height: 60px;
@@ -4232,3 +4251,7 @@ h2._1KpSK {
     color: #0a4da2;
     font-size: 15px;
     font-weight: 400; }
+
+._knGhP {
+  font-size: 15px;
+  color: red; }

package/dist/index.js

@@ -66,6 +66,7 @@ var SaveSharpIcon = _interopDefault(require('@material-ui/icons/SaveSharp'));
 var CloudUploadIcon = _interopDefault(require('@material-ui/icons/CloudUpload'));
 var formik = require('formik');
 var SaveIcon = _interopDefault(require('@material-ui/icons/Save'));
+var yup = require('yup');
 
 // A type of promise-like that resolves synchronously and supports only one observer
 
@@ -12740,7 +12741,7 @@ var InformationUser = function InformationUser(_ref) {
   }, React__default.createElement("div", {
     className: styles$6["infor-image"]
   }, React__default.createElement("img", {
-    src: !!(informationUser !== null && informationUser !== void 0 && informationUser.studentProfileImage) ? informationUser === null || informationUser === void 0 ? void 0 : informationUser.studentProfileImage : "/images/image-default.png",
+    src: !!(informationUser !== null && informationUser !== void 0 && informationUser.studentProfileImage) && (informationUser === null || informationUser === void 0 ? void 0 : informationUser.studentProfileImage) || "/images/image-default.png",
     alt: ""
   })), React__default.createElement("div", {
     className: styles$6["infor-text"]
@@ -13248,7 +13249,7 @@ var useResultReflection = function useResultReflection() {
         return Promise.resolve(request).then(function (res) {
           var body = {
             name: isTeacher ? res.data.studentName : res.data.teacherName,
-            studentProfileImage: !isTeacher ? res.data.teacherAvatar : res.data.studentAvatar,
+            studentProfileImage: !isTeacher ? res.data.teacherAvatar : marioCore.getFileUrl(res.data.studentAvatar),
             time: res.data.time,
             classType: res.data.classType,
             studentName: res.data.studentName,
@@ -17732,7 +17733,7 @@ var NewLearningPlan = function NewLearningPlan() {
   }));
 };
 
-var styles$8 = {"avatar_user":"_2YQY8","update-form":"_r-HQr","select-field":"_1ZSLy","profile-label":"_3ixvM","input-field":"_bWHlA","MuiInputLabel-outlined":"_2O323","MuiFormLabel-root":"_15UDz","MuiInputBase-input":"_a8fEp","btn-submit":"_j6FQq","upload-field":"_1tibz"};
+var styles$8 = {"avatar_user":"_2YQY8","update-form":"_r-HQr","select-field":"_1ZSLy","profile-label":"_3ixvM","input-field":"_bWHlA","MuiInputLabel-outlined":"_2O323","MuiFormLabel-root":"_15UDz","MuiInputBase-input":"_a8fEp","btn-submit":"_j6FQq","upload-field":"_1tibz","input-error":"_2fk-W"};
 
 var useUpdateProfile = function useUpdateProfile(studentId) {
   var dispatch = reactRedux.useDispatch();
@@ -17834,6 +17835,12 @@ var useUpdateProfile = function useUpdateProfile(studentId) {
   };
 };
 
+var schema = yup.object({
+  firstName: yup.string().required("First name is required"),
+  lastName: yup.string().required("Last name is required"),
+  email: yup.string().required("Email is required")
+});
+
 var DEFAULT_USER_AVATAR$d = "/images/image-default.png";
 var parents = ["Mother", "Father"];
 
@@ -17890,11 +17897,14 @@ var UpdateStudentProfile = function UpdateStudentProfile() {
     enableReinitialize: true,
     onSubmit: function onSubmit(values) {
       updateStudentProfile(studentId, values);
-    }
+    },
+    validationSchema: schema
   }, function (formikProps) {
     var values = formikProps.values,
         setFieldValue = formikProps.setFieldValue,
-        handleSubmit = formikProps.handleSubmit;
+        handleSubmit = formikProps.handleSubmit,
+        errors = formikProps.errors,
+        touched = formikProps.touched;
     return React__default.createElement("div", {
       className: "" + styles$8["page-update"]
     }, React__default.createElement(HeaderComponent, {
@@ -17935,7 +17945,9 @@ var UpdateStudentProfile = function UpdateStudentProfile() {
       onChange: function onChange(e) {
         setFieldValue("firstName", e.target.value);
       }
-    }), React__default.createElement(core.Typography, {
+    }), errors.firstName && touched.firstName ? React__default.createElement("div", {
+      className: "" + styles$8["input-error"]
+    }, errors.firstName) : null, React__default.createElement(core.Typography, {
       className: "" + styles$8["profile-label"]
     }, "Last Name"), React__default.createElement(core.TextField, {
       variant: "outlined",
@@ -17944,7 +17956,9 @@ var UpdateStudentProfile = function UpdateStudentProfile() {
       onChange: function onChange(e) {
         return setFieldValue("lastName", e.target.value);
       }
-    }), React__default.createElement(core.Typography, {
+    }), errors.lastName && touched.lastName ? React__default.createElement("div", {
+      className: "" + styles$8["input-error"]
+    }, errors.lastName) : null, React__default.createElement(core.Typography, {
       className: "" + styles$8["profile-label"]
     }, "Email"), React__default.createElement(core.TextField, {
       variant: "outlined",
@@ -17953,7 +17967,9 @@ var UpdateStudentProfile = function UpdateStudentProfile() {
       onChange: function onChange(e) {
         return setFieldValue("email", e.target.value);
       }
-    }), React__default.createElement(core.Typography, {
+    }), errors.email && touched.email ? React__default.createElement("div", {
+      className: "" + styles$8["input-error"]
+    }, errors.email) : null, React__default.createElement(core.Typography, {
       className: "" + styles$8["profile-label"]
     }, "Email Owner"), React__default.createElement(core.TextField, {
       select: true,
@@ -18067,6 +18083,15 @@ var UpdateStudentProfile = function UpdateStudentProfile() {
       onChange: function onChange(e) {
         return setFieldValue("note", e.target.value);
       }
+    }), React__default.createElement(core.Typography, {
+      className: "" + styles$8["profile-label"]
+    }, "CalendarId"), React__default.createElement(core.TextField, {
+      variant: "outlined",
+      value: values === null || values === void 0 ? void 0 : values.calendarId,
+      className: "" + styles$8["input-field"],
+      onChange: function onChange(e) {
+        return setFieldValue("calendarId", e.target.value);
+      }
     }), React__default.createElement(core.Button, {
       variant: "contained",
       color: "primary",
@@ -18080,7 +18105,7 @@ var UpdateStudentProfile = function UpdateStudentProfile() {
   });
 };
 
-var styles$9 = {"avatar_user":"_xFFH1","update-form":"_37Us4","select-field":"_27dzc","profile-label":"_3Nl5D","input-field":"_3O2xZ","MuiInputLabel-outlined":"_LOIyE","MuiFormLabel-root":"_1anAm","MuiInputBase-input":"_1SUmr","btn-submit":"_2KMds","upload-field":"_2mhbx"};
+var styles$9 = {"avatar_user":"_xFFH1","update-form":"_37Us4","select-field":"_27dzc","profile-label":"_3Nl5D","input-field":"_3O2xZ","MuiInputLabel-outlined":"_LOIyE","MuiFormLabel-root":"_1anAm","MuiInputBase-input":"_1SUmr","btn-submit":"_2KMds","upload-field":"_2mhbx","input-error":"_knGhP"};
 
 var useCreateStudent = function useCreateStudent() {
   var dispatch = reactRedux.useDispatch();
@@ -18172,7 +18197,8 @@ var CreateStudent = function CreateStudent() {
     address: "",
     note: "",
     profileImage: "",
-    gradeLevel: 0
+    gradeLevel: 0,
+    calendarId: ""
   };
   var MAX_SIZE = 20097152;
 
@@ -18208,11 +18234,14 @@ var CreateStudent = function CreateStudent() {
     enableReinitialize: true,
     onSubmit: function onSubmit(values) {
       createStudent(values);
-    }
+    },
+    validationSchema: schema
   }, function (formikProps) {
     var values = formikProps.values,
         setFieldValue = formikProps.setFieldValue,
-        handleSubmit = formikProps.handleSubmit;
+        handleSubmit = formikProps.handleSubmit,
+        errors = formikProps.errors,
+        touched = formikProps.touched;
     return React__default.createElement("div", {
       className: "" + styles$9["page-update"]
     }, React__default.createElement(HeaderComponent, {
@@ -18255,7 +18284,9 @@ var CreateStudent = function CreateStudent() {
       onChange: function onChange(e) {
         setFieldValue("firstName", e.target.value);
       }
-    }), React__default.createElement(core.Typography, {
+    }), errors.firstName && touched.firstName ? React__default.createElement("div", {
+      className: "" + styles$9["input-error"]
+    }, errors.firstName) : null, React__default.createElement(core.Typography, {
       className: "" + styles$9["profile-label"]
     }, "Last Name"), React__default.createElement(core.TextField, {
       variant: "outlined",
@@ -18264,7 +18295,9 @@ var CreateStudent = function CreateStudent() {
       onChange: function onChange(e) {
         return setFieldValue("lastName", e.target.value);
       }
-    }), React__default.createElement(core.Typography, {
+    }), errors.lastName && touched.lastName ? React__default.createElement("div", {
+      className: "" + styles$9["input-error"]
+    }, errors.lastName) : null, React__default.createElement(core.Typography, {
       className: "" + styles$9["profile-label"]
     }, "Email"), React__default.createElement(core.TextField, {
       variant: "outlined",
@@ -18273,7 +18306,9 @@ var CreateStudent = function CreateStudent() {
       onChange: function onChange(e) {
         return setFieldValue("email", e.target.value);
       }
-    }), React__default.createElement(core.Typography, {
+    }), errors.email && touched.email ? React__default.createElement("div", {
+      className: "" + styles$9["input-error"]
+    }, errors.email) : null, React__default.createElement(core.Typography, {
       className: "" + styles$9["profile-label"]
     }, "Email Owner"), React__default.createElement(core.TextField, {
       select: true,
@@ -18387,6 +18422,15 @@ var CreateStudent = function CreateStudent() {
       onChange: function onChange(e) {
         return setFieldValue("note", e.target.value);
       }
+    }), React__default.createElement(core.Typography, {
+      className: "" + styles$9["profile-label"]
+    }, "CalendarID"), React__default.createElement(core.TextField, {
+      variant: "outlined",
+      value: values === null || values === void 0 ? void 0 : values.calendarId,
+      className: "" + styles$9["input-field"],
+      onChange: function onChange(e) {
+        return setFieldValue("calendarId", e.target.value);
+      }
     }), React__default.createElement(core.Button, {
       variant: "contained",
       color: "primary",