mario-teacher-student-client 2.1.98-admin → 2.1.99-admin

package/dist/components/layouts/HeaderSideBar.d.ts

@@ -1,7 +1,3 @@
 /// <reference types="react" />
-export declare const ICON_NAV: {
-    name: string;
-    icon: JSX.Element;
-}[];
-declare const HeaderSideBar: ({ children, navigations }: any) => JSX.Element;
+declare const HeaderSideBar: ({ children, navigations, onToggleModel }: any) => JSX.Element;
 export default HeaderSideBar;

package/dist/index.css

@@ -796,6 +796,32 @@ p._1YLGi {
   background-color: #ff2800 !important;
   color: white; }
 
+._1KcY7 {
+  padding: 10px 75px;
+  border-top: 1px solid #dee2e6;
+  cursor: pointer;
+  font-size: 20px;
+  text-align: center;
+  margin-bottom: 0;
+  transition: background-color 0.5s ease-out; }
+
+._1KcY7:hover {
+  background: #156DA1;
+  color: #ffff; }
+
+._dOVso {
+  background: #156DA1;
+  color: #ffff; }
+
+._3ZqxI > div {
+  border-radius: 7px; }
+
+._3ZqxI ._g-p72 {
+  font-weight: 500;
+  line-height: 1.6;
+  font-size: 20px;
+  padding: 10px 20px; }
+
 @font-face {
   font-family: "Lato-Regular";
   src: url("/fonts/Lato-Regular.ttf");

package/dist/index.js

@@ -423,7 +423,7 @@ var getStudentSimpleProfile = function getStudentSimpleProfile() {
   return marioCore.api.get("" + STUDENT_PROFILE);
 };
 
-var styleIndex = {"reset-the-content":"_1zJw3","header-left":"_11kCD","header-icon":"_dqAoB","header-right":"_1jTMg","box-title-question":"_1DlZO","tooltip-question":"_29Hwk","font-description":"_2pyf5","header-component":"_2oMWx","btn-start":"_1M4r8","timer-start":"_-ZWIZ","btn-timer":"_3SGlg","timer-text":"_1Q--B","btn-conduct-session":"_2K2FJ","btn-conduct-session-disabled":"_3ae8F","box-slider":"_1bTW5","margin-right":"_2T6Ym","slider-text":"_1gs0Z","font-question-name":"_13S5D","font-question":"_t-JhH","font-question-description":"_1YLGi","question-block":"_2gqE-","font-large":"_3Sup6","font-small":"_2JnMg","question-text":"_337MJ","question-slider":"_k_dl-","question-block-mobile":"_p-cUG","emotion-list":"_1M6M1","emotion-item":"_1wmi8","emotion-active":"_3JT39","block-learning-strategories":"_KKK4u","conference-learning-strategories":"_3o_lQ","item-learning-strategories":"_1k7-R","question-today":"_WkaIn","block-button":"_275AS","talk-conduct":"_28jd3","box-talk":"_3zlbc","box-p":"_IXk4X","form-upload":"_1spIR","title":"_g-p72","description":"_2U60d","form-title":"_qDlsm","form-upload-image-box":"_2xZUq","form-upload-image":"_3C-Xm","form-upload-icon":"_2zIn5","form-upload-title":"_yNCgm","form-upload-description":"_35Wqq","header-right-download":"_27SXJ","download-title":"_1EWKg","accomondation-content":"_2qhHZ","accomondation-content-title-box":"_XTfSF","accomondation-content-title":"_1Z_hd","accomondation-body":"_1DtTP","accomondation-content-function":"_3fJXr","function-edit":"_368JR","function-delete":"_2I-ej","accomondation-block-content":"_1fpsj","accomondation-block-note":"_2INhO","accomondation-content-description":"_2BEap","accomondation-content-status":"_UdBci","content-function-mobile":"_3gaSR","card-box":"_3Flx1","card-top":"_3Mi_n","card-top-title":"_21QGx","card-top-right":"_2eeiS","card-top-switch":"_9VWFe","card-view":"_Jwjv5","card-content":"_3AVYm","block-circle":"_3o7Sh","block-item-3":"_3JeRP","item-circle":"_2wunA","block-item-4":"_3P83R","icon-btn":"_3xYAk","slider-avatar":"_2wH1X","btn-delete":"_z69mr","send-icon":"_3oH01","label-single-choice":"_3oSdM","radio-choice":"_2RwcR","canva-item-container":"_1tBto","canva-item":"_3A0Al","title-circle":"_2QAQJ","accommodation-header-right":"_4OB3z","about-header-right":"_t4lD7","text-custom":"_22kUd","page-external":"_1Qrsk","box-notification":"_iDxHF","notification-1":"_2ZvNu","notification-2":"_2zBWP","notification-3":"_1T24i","notification-4":"_2obEM","notification-5":"_20aq-","notification-6":"_RWFl1","box-item":"_Wtc0p","notification-7":"_3rw4Y","notification-assistant-1":"_1ybh1","notification-assistant-2":"_2o31Q","notification-assistant-3":"_11hn9","notification-assistant-4":"_2sPVk","notification-assistant-5":"_3ln0K","notification-assistant-6":"_3dsZQ","notification-student-1":"_1XdPP","notification-student-2":"_1I9Dc","notification-student-3":"_3DwX3","notification-student-4":"_2TKDh","notification-student-5":"_14nq1","notification-student-6":"_1zCX0","btn-got-it":"_uwWqF","btn-choice":"_hPL_o","yes-active":"_2AK7h","no-active":"_1UouU"};
+var styleIndex = {"reset-the-content":"_1zJw3","header-left":"_11kCD","header-icon":"_dqAoB","header-right":"_1jTMg","box-title-question":"_1DlZO","tooltip-question":"_29Hwk","font-description":"_2pyf5","header-component":"_2oMWx","btn-start":"_1M4r8","timer-start":"_-ZWIZ","btn-timer":"_3SGlg","timer-text":"_1Q--B","btn-conduct-session":"_2K2FJ","btn-conduct-session-disabled":"_3ae8F","box-slider":"_1bTW5","margin-right":"_2T6Ym","slider-text":"_1gs0Z","font-question-name":"_13S5D","font-question":"_t-JhH","font-question-description":"_1YLGi","question-block":"_2gqE-","font-large":"_3Sup6","font-small":"_2JnMg","question-text":"_337MJ","question-slider":"_k_dl-","question-block-mobile":"_p-cUG","emotion-list":"_1M6M1","emotion-item":"_1wmi8","emotion-active":"_3JT39","block-learning-strategories":"_KKK4u","conference-learning-strategories":"_3o_lQ","item-learning-strategories":"_1k7-R","question-today":"_WkaIn","block-button":"_275AS","talk-conduct":"_28jd3","box-talk":"_3zlbc","box-p":"_IXk4X","form-upload":"_1spIR","title":"_g-p72","description":"_2U60d","form-title":"_qDlsm","form-upload-image-box":"_2xZUq","form-upload-image":"_3C-Xm","form-upload-icon":"_2zIn5","form-upload-title":"_yNCgm","form-upload-description":"_35Wqq","header-right-download":"_27SXJ","download-title":"_1EWKg","accomondation-content":"_2qhHZ","accomondation-content-title-box":"_XTfSF","accomondation-content-title":"_1Z_hd","accomondation-body":"_1DtTP","accomondation-content-function":"_3fJXr","function-edit":"_368JR","function-delete":"_2I-ej","accomondation-block-content":"_1fpsj","accomondation-block-note":"_2INhO","accomondation-content-description":"_2BEap","accomondation-content-status":"_UdBci","content-function-mobile":"_3gaSR","card-box":"_3Flx1","card-top":"_3Mi_n","card-top-title":"_21QGx","card-top-right":"_2eeiS","card-top-switch":"_9VWFe","card-view":"_Jwjv5","card-content":"_3AVYm","block-circle":"_3o7Sh","block-item-3":"_3JeRP","item-circle":"_2wunA","block-item-4":"_3P83R","icon-btn":"_3xYAk","slider-avatar":"_2wH1X","btn-delete":"_z69mr","send-icon":"_3oH01","label-single-choice":"_3oSdM","radio-choice":"_2RwcR","canva-item-container":"_1tBto","canva-item":"_3A0Al","title-circle":"_2QAQJ","accommodation-header-right":"_4OB3z","about-header-right":"_t4lD7","text-custom":"_22kUd","page-external":"_1Qrsk","box-notification":"_iDxHF","notification-1":"_2ZvNu","notification-2":"_2zBWP","notification-3":"_1T24i","notification-4":"_2obEM","notification-5":"_20aq-","notification-6":"_RWFl1","box-item":"_Wtc0p","notification-7":"_3rw4Y","notification-assistant-1":"_1ybh1","notification-assistant-2":"_2o31Q","notification-assistant-3":"_11hn9","notification-assistant-4":"_2sPVk","notification-assistant-5":"_3ln0K","notification-assistant-6":"_3dsZQ","notification-student-1":"_1XdPP","notification-student-2":"_1I9Dc","notification-student-3":"_3DwX3","notification-student-4":"_2TKDh","notification-student-5":"_14nq1","notification-student-6":"_1zCX0","btn-got-it":"_uwWqF","btn-choice":"_hPL_o","yes-active":"_2AK7h","no-active":"_1UouU","item-select-role":"_1KcY7","item-role-active":"_dOVso","model-switch-roles":"_3ZqxI"};
 
 function toVal(mix) {
 	var k, y, str='';
@@ -686,6 +686,19 @@ var STEP_PROFILE = {
   message: "Edit your personal settings."
 };
 
+var prioritizedRoles = ["Admin", "Teacher", "Assistant", "EduTeacher", "Student", "Parent"];
+var handleUserRole = function handleUserRole(userRoles) {
+  if (userRoles.includes("Teacher") && userRoles.includes("Assistant")) {
+    var roles = userRoles.filter(function (r) {
+      return r !== "Teacher" && r !== "Assistant";
+    });
+    roles.push("Teacher/Assistant");
+    return roles;
+  }
+
+  return userRoles;
+};
+
 var NOTIFICATION_CHANNEL = "NOTIFICATION_CHANNEL";
 var NEW_NOTIFICATION = "NEW_NOTIFICATION";
 var drawerWidth = 280;
@@ -699,53 +712,13 @@ var defaultFontSize = 16;
 var defaultFontSmall = 12;
 var defaultFontLarge = 20;
 var LOGO = "/images/logo.svg";
-var domainName$1 = window.location.hostname;
-var isCheckDomainRubyoung$1 = domainName$1.includes('rubyyoung');
-var ICON_NAV = [{
-  name: "Home",
-  icon: React__default.createElement(HomeIcon, null)
-}, {
-  name: "My Students",
-  icon: React__default.createElement(StudentsIcon, null)
-}, {
-  name: isCheckDomainRubyoung$1 ? "My Reflections" : "My Class Reflections",
-  icon: React__default.createElement(SchoolIcon, null)
-}, {
-  name: "My 1-to-1",
-  icon: React__default.createElement(GroupIcon, null)
-}, {
-  name: isCheckDomainRubyoung$1 ? "My Reflection" : "My Class Reflection",
-  icon: React__default.createElement(CommentIcon, null)
-}, {
-  name: "My Conferences",
-  icon: React__default.createElement("i", {
-    className: "fas fa-chalkboard-teacher"
-  })
-}, {
-  name: "My Learning Plan",
-  icon: React__default.createElement(CommentIcon, null)
-}, {
-  name: "Learning Plan",
-  icon: React__default.createElement(CommentIcon, null)
-}, {
-  name: "My Notes",
-  icon: React__default.createElement(NotesIcon, null)
-}, {
-  name: "Class Schedule",
-  icon: React__default.createElement(DateRangeIcon, null)
-}, {
-  name: "Training",
-  icon: React__default.createElement(LinkIcon, null)
-}, {
-  name: "Settings",
-  icon: React__default.createElement(SettingsIcon, null)
-}];
 
 var HeaderSideBar = function HeaderSideBar(_ref) {
   var _currentUrl$split, _clsx;
 
   var children = _ref.children,
-      navigations = _ref.navigations;
+      navigations = _ref.navigations,
+      onToggleModel = _ref.onToggleModel;
   var history = reactRouterDom.useHistory();
   var location = reactRouterDom.useLocation();
   var dispatch = reactRedux.useDispatch();
@@ -966,7 +939,10 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
     name: "My Students",
     icon: React__default.createElement(StudentsIcon, null)
   }, {
-    name: isCheckDomainRubyoung$1 ? "My Reflections" : "My Class Reflections",
+    name: "My Reflections",
+    icon: React__default.createElement(SchoolIcon, null)
+  }, {
+    name: "My Class Reflections",
     icon: React__default.createElement(SchoolIcon, null)
   }, {
     name: "My 1-to-1",
@@ -1148,7 +1124,12 @@ var HeaderSideBar = function HeaderSideBar(_ref) {
     onClose: handleClose
   }, !!isTeacher && React__default.createElement(core.MenuItem, {
     onClick: openProfile
-  }, "Profile"), React__default.createElement(core.MenuItem, {
+  }, "Profile"), handleUserRole(user === null || user === void 0 ? void 0 : user.userRoles).length > 1 && React__default.createElement(core.MenuItem, {
+    onClick: function onClick() {
+      onToggleModel === null || onToggleModel === void 0 ? void 0 : onToggleModel();
+      handleClose();
+    }
+  }, "Role change"), React__default.createElement(core.MenuItem, {
     onClick: signOut
   }, "Logout")))), screenWidth > 600 && isOpenSideBar ? React__default.createElement("div", {
     className: classes.positionBox
@@ -1424,6 +1405,48 @@ var useStyles = styles$O.makeStyles(function (theme) {
   };
 });
 
+var ModelSelectRole = function ModelSelectRole(_ref) {
+  var open = _ref.open,
+      onToggleModel = _ref.onToggleModel;
+  var dispatch = reactRedux.useDispatch();
+  var history = reactRouterDom.useHistory();
+  var user = reactRedux.useSelector(function (state) {
+    return state.common.user;
+  });
+  var roles = user === null || user === void 0 ? void 0 : user.roles;
+
+  var handleSelectUserRoles = function handleSelectUserRoles(roles) {
+    dispatch(marioCore.setUser(_extends({}, user, {
+      roles: roles.includes("Teacher/Assistant") ? ["Teacher", "Assistant"] : roles
+    })));
+    onToggleModel();
+
+    if (roles.includes("Parent")) {
+      history.push("/parent");
+    } else {
+      history.push("/home");
+    }
+  };
+
+  return React__default.createElement(core.Dialog, {
+    open: open,
+    onClose: function onClose() {
+      return onToggleModel();
+    },
+    className: "" + styleIndex["model-switch-roles"]
+  }, React__default.createElement(core.Typography, {
+    className: "" + styleIndex["title"]
+  }, "Continue as:"), React__default.createElement("div", null, handleUserRole(user === null || user === void 0 ? void 0 : user.userRoles).map(function (r) {
+    return React__default.createElement("p", {
+      key: r,
+      className: styleIndex["item-select-role"] + " " + styleIndex[roles.includes("Teacher") && roles.includes("Assistant") && r === "Teacher/Assistant" || roles.includes(r) ? "item-role-active" : ""],
+      onClick: function onClick() {
+        return handleSelectUserRoles([r]);
+      }
+    }, r);
+  })));
+};
+
 var _excluded = ["event", "duration_since"];
 var DATEDEFAULT = new Date("0001-1-1");
 
@@ -1443,13 +1466,17 @@ var MainLayout = function MainLayout(_ref) {
       isCheckDone = _useState[0],
       setIsCheckDone = _useState[1];
 
-  var _useState2 = React.useState(DATEDEFAULT),
-      curTime = _useState2[0],
-      setCurTime = _useState2[1];
+  var _useState2 = React.useState(false),
+      openModelSelectRole = _useState2[0],
+      setOpenModelSelectRole = _useState2[1];
 
-  var _useState3 = React.useState(""),
-      pathName = _useState3[0],
-      setPathName = _useState3[1];
+  var _useState3 = React.useState(DATEDEFAULT),
+      curTime = _useState3[0],
+      setCurTime = _useState3[1];
+
+  var _useState4 = React.useState(""),
+      pathName = _useState4[0],
+      setPathName = _useState4[1];
 
   var location = reactRouterDom.useLocation();
   var authRoutes = React.useMemo(function () {
@@ -1480,6 +1507,10 @@ var MainLayout = function MainLayout(_ref) {
     marioCore.amplitudeClient.logEvent(event, _extends({}, other));
   };
 
+  var handleToggleModel = function handleToggleModel() {
+    setOpenModelSelectRole(!openModelSelectRole);
+  };
+
   React.useEffect(function () {
     if (amplitude !== null && amplitude !== void 0 && amplitude.event) {
       handleLogEvent();
@@ -1558,22 +1589,41 @@ var MainLayout = function MainLayout(_ref) {
     }
   };
 
-  var loadInfo = function loadInfo() {
+  var loadInfo = React.useCallback(function () {
     try {
       var _temp6 = _catch(function () {
         return Promise.resolve(marioCore.getInfo()).then(function (info) {
-          var _info$data;
-
           function _temp4() {
-            dispatch(marioCore.setUser(userData));
+            dispatch(marioCore.setUser(_extends({}, user, userData, {
+              email: userData.email,
+              roles: roles,
+              userRoles: userData.roles
+            })));
           }
 
           if (!info) {
             resetAuth();
           }
 
-          var roles = (_info$data = info.data) === null || _info$data === void 0 ? void 0 : _info$data.roles;
+          var roles = [];
           var userData = info.data;
+
+          for (var _iterator = _createForOfIteratorHelperLoose(prioritizedRoles), _step; !(_step = _iterator()).done;) {
+            var _userData$roles;
+
+            var r = _step.value;
+
+            if (userData !== null && userData !== void 0 && (_userData$roles = userData.roles) !== null && _userData$roles !== void 0 && _userData$roles.includes(r)) {
+              if (r.includes("Teacher") && userData !== null && userData !== void 0 && userData.roles.includes("Assistant")) {
+                roles = ["Teacher", "Assistant"];
+              } else {
+                roles = [r];
+              }
+
+              return;
+            }
+          }
+
           var isTeacher = roles.includes("Teacher") || roles.includes("Assistant");
           var isStudent = roles.includes("Student");
           var isAssistant = !roles.includes("Teacher") && roles.includes("Assistant");
@@ -1622,7 +1672,7 @@ var MainLayout = function MainLayout(_ref) {
     } catch (e) {
       return Promise.reject(e);
     }
-  };
+  }, [user]);
 
   var resetAuth = function resetAuth() {
     localStorage.removeItem(marioCore.ACCESS_TOKEN);
@@ -1645,7 +1695,8 @@ var MainLayout = function MainLayout(_ref) {
       overflow: "hidden"
     }
   }, path !== "/notifications" ? React__default.createElement(HeaderSideBar, {
-    navigations: authNavigations
+    navigations: authNavigations,
+    onToggleModel: handleToggleModel
   }, React__default.createElement("div", {
     className: "" + styleIndex["reset-the-content"]
   }, React__default.createElement(marioCore.TheContent, {
@@ -1654,7 +1705,10 @@ var MainLayout = function MainLayout(_ref) {
     className: "" + styleIndex["reset-the-content"]
   }, React__default.createElement(marioCore.TheContent, {
     routes: authRoutes
-  })));
+  })), React__default.createElement(ModelSelectRole, {
+    open: openModelSelectRole,
+    onToggleModel: handleToggleModel
+  }));
 };
 
 var home = {"title-home":"_28pc4","to-do-today":"_1UG9Q","show-calendar":"_2W0R7","today-schedule":"_34JC1","box-schedule":"_UlvOc","action-point":"_1rK_Q","show-arrange-today":"_2pCuD","box":"_ppOfL","title-box":"_3DN3c","content-box":"_2X2qR","title-today-schedule":"_-NEIR","time-line-item":"_po9t4","time":"_1ickv","time-line":"_2y9cV","event":"_2slF0","event-text":"_anBzU","event-red":"_3Tk6m","full-calendar":"_26M4Q","current-time":"_23CKo","current-date":"_1ehp6","current-weekday":"_3Zq5B","action-points":"_10JrS","schedule-item":"_1XZWI","item-time":"_1dn2z","right-content":"_1XobX","font-large":"_1gBbm","font-small":"_3gyKR"};
@@ -3349,7 +3403,7 @@ var Dashboard = function Dashboard() {
     className: "dashboard-page  " + home[classFontSize]
   }, React__default.createElement(core.Grid, {
     className: "" + home["title-home"]
-  }, React__default.createElement(core.Typography, null, "Hello ", user.name, " ", React__default.createElement("img", {
+  }, React__default.createElement(core.Typography, null, "Hello ", user.firstName + " " + user.lastName, " ", React__default.createElement("img", {
     src: "images/waving-hand.png",
     style: {
       marginTop: "-15px"
@@ -28848,8 +28902,8 @@ var ReadinessToLearn = function ReadinessToLearn(_ref) {
 
 var styles$b = {"chart-one-to-one":"_1sc2P","header-chart-one-to-one":"_14jsg","header-right":"_cwDAr","title":"_34b83","gr-date-time":"_382Go","date-time-start":"_1Pawo","date-time-end":"_16LVQ","date-time":"_ZdRKi","text":"_ptF0O","text-to":"_hlkTl","apexcharts-legend":"_2EMC9","apx-legend-position-top":"_1Ojwo","apexcharts-align-center":"_12O6U","font-large":"_29eqh","chart-label":"_3f0nE","chart-content":"_3eAPT","font-small":"_3REW-","box-chart":"_2K3qC","box-chart-small":"_3fuHY","chart-label-one-1-one":"_3vpT7","chart-label-class-reflection":"_yJtRg","chart-label-learning":"_2bopc"};
 
-var domainName$2 = window.location.hostname;
-var isCheckDomainRubyoung$2 = domainName$2.includes('rubyyoung');
+var domainName$1 = window.location.hostname;
+var isCheckDomainRubyoung$1 = domainName$1.includes('rubyyoung');
 
 var ChartOneToOne = function ChartOneToOne(_ref) {
   var title = _ref.title,
@@ -28863,7 +28917,7 @@ var ChartOneToOne = function ChartOneToOne(_ref) {
       classFontSize = _ref.classFontSize;
   var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
   return React__default.createElement("div", {
-    className: styles$b["chart-one-to-one"] + " " + styles$b[classFontSize] + " " + (!isCheckDomainRubyoung$2 && "chart-format")
+    className: styles$b["chart-one-to-one"] + " " + styles$b[classFontSize] + " " + (!isCheckDomainRubyoung$1 && "chart-format")
   }, React__default.createElement("div", {
     className: "" + styles$b["header-chart-one-to-one"]
   }, React__default.createElement(core.Typography, {
@@ -29195,8 +29249,8 @@ var ChatLearningProgress = function ChatLearningProgress(_ref) {
   }))));
 };
 
-var domainName$3 = window.location.hostname;
-var isCheckDomainRubyoung$3 = domainName$3.includes("rubyyoung");
+var domainName$2 = window.location.hostname;
+var isCheckDomainRubyoung$2 = domainName$2.includes("rubyyoung");
 
 var ChartOverview = function ChartOverview(props) {
   var studentId = props.studentId,
@@ -29303,7 +29357,7 @@ var ChartOverview = function ChartOverview(props) {
     container: true,
     className: isPlp && styles$7["border-chart"]
   }, React__default.createElement(ChartOneToOne, {
-    title: isCheckDomainRubyoung$3 ? "1-to-1" : "One To One",
+    title: isCheckDomainRubyoung$2 ? "1-to-1" : "One To One",
     studentId: studentId,
     handleChangeStartDate: handleChangeStartDate,
     handleChangeEndDate: handleChangeEndDate,
@@ -29321,7 +29375,7 @@ var ChartOverview = function ChartOverview(props) {
     container: true,
     className: isPlp && styles$7["border-chart"]
   }, React__default.createElement(ChatClassReflection, {
-    title: isCheckDomainRubyoung$3 ? "Reflection" : "Class Reflection",
+    title: isCheckDomainRubyoung$2 ? "Reflection" : "Class Reflection",
     seriesChartClassReflection: seriesChartClassReflection,
     optionClassReflection: optionClassReflection,
     widthChartClassReflection: widthChartClassReflection,
@@ -37569,8 +37623,8 @@ var StudentHistory = function StudentHistory() {
   }))))));
 };
 
-var domainName$4 = window.location.hostname;
-var isCheckDomainRubyoung$4 = domainName$4.includes('rubyyoung');
+var domainName$3 = window.location.hostname;
+var isCheckDomainRubyoung$3 = domainName$3.includes('rubyyoung');
 var tabs$3 = [{
   path: "/my-class-reflection/to-do",
   title: "To Do",
@@ -37580,7 +37634,7 @@ var tabs$3 = [{
   title: "History",
   component: StudentHistory
 }];
-var title$2 = isCheckDomainRubyoung$4 ? "My Reflections" : "My Class Reflections";
+var title$2 = isCheckDomainRubyoung$3 ? "My Reflections" : "My Class Reflections";
 
 var StudentReflection = function StudentReflection() {
   return React__default.createElement(Box, null, React__default.createElement(StudentReflectionTab, {
@@ -61052,18 +61106,18 @@ var CustomTabs$2 = function CustomTabs(props) {
   }, renderContent());
 };
 
-var domainName$5 = window.location.hostname;
-var isCheckDomainRubyoung$5 = domainName$5.includes('rubyyoung');
+var domainName$4 = window.location.hostname;
+var isCheckDomainRubyoung$4 = domainName$4.includes('rubyyoung');
 var tabs$5 = [{
   path: "/class-reflection/my-class-reflection",
-  title: isCheckDomainRubyoung$5 ? "Reflection" : "Student Reflections",
+  title: isCheckDomainRubyoung$4 ? "Reflection" : "Student Reflections",
   component: MyClassReflection
 }, {
   path: "/class-reflection/external-class-reflection",
-  title: isCheckDomainRubyoung$5 ? "External Reflection" : "External Class Reflection",
+  title: isCheckDomainRubyoung$4 ? "External Reflection" : "External Class Reflection",
   component: ExternalClassReflection
 }];
-var title$3 = isCheckDomainRubyoung$5 ? "Reflections" : "Class Reflections";
+var title$3 = isCheckDomainRubyoung$4 ? "Reflections" : "Class Reflections";
 
 var TeacherClassReflection = function TeacherClassReflection() {
   return React__default.createElement(Box, null, React__default.createElement(CustomTabs$2, {