mario-core 2.5.1 → 2.5.5

package/dist/index.css

@@ -91,17 +91,26 @@
     letter-spacing: normal;
     line-height: 1.5; }
 
+._38Lo1 {
+  width: 826px; }
+
+._1OzGy {
+  width: 50%;
+  max-width: 826px;
+  border-radius: 5px; }
+
 ._wWIyO {
-  width: 400px;
+  width: 100%;
+  height: 100%;
   background-color: #ffffff;
-  border-radius: 10px;
+  border-radius: 5px 0 0 5px;
   box-shadow: 0 3px 6px #00000029; }
 
 ._3nuns {
-  color: #8b0000;
-  text-align: center;
-  font-size: 32px;
-  font-weight: 500; }
+  font-size: 24px;
+  font-weight: bold;
+  line-height: 28px;
+  margin-bottom: 20px; }
 
 ._21qb6 {
   margin-bottom: 5px; }
@@ -117,38 +126,40 @@
     color: #8b0000; }
 
 ._3IL10 {
-  background-color: #c70000;
+  background-color: rgba(0, 0, 0, 0.1);
   cursor: pointer;
   color: #ffffff;
   font-size: 16px;
   font-weight: 500;
   text-align: center;
-  padding: 8px;
-  border-radius: 5px;
+  padding: 13px 27px;
+  border-radius: 4px;
   display: block;
   border: none;
   outline: none;
   width: 100%; }
 
 ._Ce3Kg {
-  color: #c70000;
+  color: #2196f3;
   text-align: center;
   font-weight: 500; }
   ._Ce3Kg:hover {
-    color: #c70000; }
+    color: #0a4da2; }
 
 ._2t6d9 {
-  color: #8b0000;
-  text-align: center;
-  font-weight: 600; }
+  text-align: left;
+  font-weight: normal;
+  font-size: 16px !important; }
 
-._2oh2a {
-  color: #c70000;
-  text-align: center;
+._3bDsd {
+  color: #2196f3;
+  font-size: 16px;
   display: inline-block;
   font-weight: 500; }
-  ._2oh2a:hover {
-    color: #c70000; }
+  ._3bDsd:hover {
+    color: #0a4da2;
+    -webkit-text-decoration: revert;
+            text-decoration: revert; }
 
 ._11FZt {
   font-weight: 500; }
@@ -201,7 +212,7 @@
     width: 70%; }
 
 ._wWIyO {
-  padding: 20px;
+  padding: 89px 50px;
   position: relative; }
   ._wWIyO label:not(._11FZt) {
     color: #8f9bb3;
@@ -209,22 +220,23 @@
   ._wWIyO input[type="text"],
   ._wWIyO input[type="password"] {
     width: 100%;
-    border: 1px #e4e9f2;
     border-radius: 4px;
     background-color: #f7f9fc;
-    height: 40px;
-    margin-bottom: 5px; }
+    height: 50px;
+    margin-bottom: 5px;
+    padding: 4px; }
   ._wWIyO ._39BJD {
     margin-bottom: 30px; }
   ._wWIyO input[type="checkbox"]._2K9b2 {
     margin-left: 0; }
   ._wWIyO ._11FZt {
-    padding-left: 20px;
-    margin-bottom: 30px; }
+    padding-left: 20px; }
   ._wWIyO ._3IL10 {
-    margin-bottom: 20px;
-    color: #ffffff; }
+    margin: 30px 0;
+    color: rgba(0, 0, 0, 0.36);
+    font-weight: 500; }
     ._wWIyO ._3IL10:hover {
+      background-color: #2196f3;
       color: #ffffff; }
   ._wWIyO ._3LXoI {
     position: absolute;
@@ -234,11 +246,6 @@
     right: 0;
     bottom: 0;
     text-align: center; }
-  ._wWIyO ._2oh2a {
-    margin-bottom: 100px; }
-
-._2TucC {
-  min-height: 40vh; }
 
 ._23Sua {
   min-height: 40vh; }
@@ -263,8 +270,11 @@
   margin-left: -30px;
   margin-right: -30px; }
 
+._jOY7o {
+  background-image: url("/images/home.png") !important; }
+
 ._F-hjL {
-  background-image: url("/images/home.png");
+  background-color: #0a4da2;
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
@@ -272,8 +282,7 @@
   background-position: center; }
   @media (max-width: 768px) {
     ._F-hjL {
-      background-image: url("/images/mobile bg@2x.png");
-      background-color: #ede9ec;
+      background-color: #0a4da2;
       overflow: hidden; } }
   ._F-hjL ._1TT1q {
     padding-top: 40px;
@@ -284,6 +293,14 @@
     padding-right: 50px;
     padding-left: 50px; }
 
+._2v-L_ {
+  padding: 0 !important; }
+
+._3ncTL {
+  width: 100%;
+  height: 100%;
+  border-radius: 0 5px 5px 0 !important; }
+
 ._39l0X {
   padding: 0; }
   ._39l0X > ._1BMwK {
@@ -417,36 +434,62 @@
         background-color: transparent;
         color: #8b0000; }
   ._1INnO {
-    display: none; } }
+    display: none; }
+  ._38Lo1 {
+    width: 358px; }
+  ._wWIyO {
+    padding: 50px 20px !important; } }
 
-@media (min-width: 768px) and (max-width: 991px) {
-  ._F-hjL {
-    background-image: url("/images/mobile bg@2x.png");
-    background-color: #ede9ec;
-    overflow: hidden; }
-    ._F-hjL ._1TT1q {
-      padding: 0;
-      height: 93vh;
-      flex-flow: column; }
-      ._F-hjL ._1TT1q ._NszFe,
-      ._F-hjL ._1TT1q ._MDjzH {
-        color: #8b0000;
-        font-weight: 500;
-        margin-bottom: 10px;
-        font-size: 24px; }
-      ._F-hjL ._1TT1q ._r9cAh {
-        justify-content: center;
-        width: 70%;
-        margin: 0 auto;
-        border: #8b0000;
-        color: #ffffff;
-        background-color: #8b0000; }
-        ._F-hjL ._1TT1q ._r9cAh :hover {
-          background-color: transparent;
-          color: #8b0000; }
-  ._2uvkV {
+@media (max-width: 991px) {
+  ._2v-L_ {
+    display: none; }
+  ._wWIyO {
+    border-radius: 5px !important; }
+  ._38Lo1 {
+    width: 500px !important;
+    max-width: 95%; }
+  ._jOY7o {
+    background-image: url("/images/mobile bg@2x.png") !important; }
+  ._F-hjL ._1TT1q {
+    padding: 0;
+    height: 90vh;
+    flex-flow: column; }
+    ._F-hjL ._1TT1q ._NszFe {
+      width: 70%;
+      border: #8b0000;
+      color: #ffffff;
+      max-width: 500px;
+      margin: 5px auto;
+      background-color: #8b0000;
+      border-radius: 10px;
+      padding: 5px 40px; }
+    ._F-hjL ._1TT1q ._MDjzH {
+      width: 70%;
+      border: #8b0000;
+      max-width: 500px;
+      margin: 5px auto;
+      border-radius: 10px;
+      color: #ffffff;
+      background-color: #8b0000;
+      padding: 5px 40px; }
+    ._F-hjL ._1TT1q ._r9cAh {
+      justify-content: center;
+      width: 70%;
+      max-width: 500px;
+      margin: 5px auto;
+      border: #8b0000;
+      color: #ffffff;
+      background-color: #8b0000; }
+      ._F-hjL ._1TT1q ._r9cAh :hover {
+        background-color: transparent;
+        color: #8b0000; }
+  ._1INnO {
     display: none; } }
 
+@media (min-width: 992px) {
+  ._2e7fZ {
+    width: 80%; } }
+
 @media (min-width: 992px) and (max-width: 1199px) {
   ._2LIqK {
     display: none; } }

package/dist/index.js

@@ -46,7 +46,7 @@ function _catch(body, recover) {
 	return result;
 }
 
-var styles = {"notification-count":"_2sew7","text-introduction":"_3OgWF","btn-trans-border":"_r9cAh","contact":"_NszFe","learn-more":"_MDjzH","title-quote":"_1Swkw","descriptions-quote":"_gi8vj","descriptions-icon":"_3SOdX","block-login":"_wWIyO","title-login":"_3nuns","title-forgot-password":"_21qb6","btn-close":"_NhW9l","btn-login":"_3IL10","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","forgot-password":"_2oh2a","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","title-icon":"_y9lM2","nav-home":"_1TT1q","box-introduction":"_32V6L","icon":"_20YJX","form-user-name":"_39BJD","checkbox-remember":"_2K9b2","block-forgot-password":"_2TucC","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","login":"_F-hjL","c-main":"_39l0X","container-fluid":"_1BMwK","input-file-label":"_1XNpH","delete-avatar-button":"_1z5h9","header-logo":"_Gewcf","sidebar-logo":"_1hXpy","nav-mobile":"_1qjbW","filter-media-file":"_1I62C","div":"_3cLcM","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","logout":"_1_9tV","content-text":"_3S4f2","hide-in-mobile":"_1INnO","hide-in-tablet":"_2uvkV","hide-in-desktop":"_2LIqK","control-input":"_2Zz97","custom-control":"_3-yp5"};
+var styles = {"notification-count":"_2sew7","text-introduction":"_3OgWF","btn-trans-border":"_r9cAh","contact":"_NszFe","learn-more":"_MDjzH","title-quote":"_1Swkw","descriptions-quote":"_gi8vj","descriptions-icon":"_3SOdX","box-login":"_38Lo1","block-verification":"_1OzGy","block-login":"_wWIyO","title-login":"_3nuns","title-forgot-password":"_21qb6","btn-close":"_NhW9l","btn-login":"_3IL10","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","title-icon":"_y9lM2","nav-home":"_1TT1q","box-introduction":"_32V6L","icon":"_20YJX","form-user-name":"_39BJD","checkbox-remember":"_2K9b2","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","red-background":"_jOY7o","login":"_F-hjL","img-box":"_2v-L_","img-login":"_3ncTL","c-main":"_39l0X","container-fluid":"_1BMwK","input-file-label":"_1XNpH","delete-avatar-button":"_1z5h9","header-logo":"_Gewcf","sidebar-logo":"_1hXpy","nav-mobile":"_1qjbW","filter-media-file":"_1I62C","div":"_3cLcM","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","logout":"_1_9tV","content-text":"_3S4f2","hide-in-mobile":"_1INnO","block-form":"_2e7fZ","hide-in-desktop":"_2LIqK","control-input":"_2Zz97","custom-control":"_3-yp5"};
 
 var style = {
   fontSize: "0.85rem"
@@ -60,14 +60,6 @@ var ErrorHandler = function ErrorHandler(_ref) {
   }, text);
 };
 
-var CloseBlock = function CloseBlock(_ref) {
-  var to = _ref.to;
-  return React__default.createElement(reactRouterDom.Link, {
-    to: to,
-    className: "" + styles["btn-close"]
-  }, "\xD7");
-};
-
 var containerStyle = {
   height: "40px",
   backgroundColor: "#f7f9fc",
@@ -93,7 +85,7 @@ var PasswordInput = function PasswordInput(_ref) {
     className: "d-flex align-items-center w-100",
     style: containerStyle
   }, React__default.createElement(reactstrap.Input, {
-    className: "border border-0 password-input",
+    className: "border password-input",
     style: inputStyle,
     type: isShowPassword ? "text" : "password",
     name: "password",
@@ -218,7 +210,7 @@ var CHAT_CHANNEL = "chat-channel";
 var NOTIFICATION_CHANNEL = "NOTIFICATION_CHANNEL";
 var NEW_NOTIFICATION = "NEW_NOTIFICATION";
 var DEFAULT_IMAGE_URL = "https://tleliteracy.com/wp-content/uploads/2017/02/default-avatar.png";
-var EMOTIONS = ["Excited", "Happy", "Satisfied", "Bored", "Nervous", "Stressed", "Tired", "Sad", "Mad", "Sick"];
+var EMOTIONS = ["Unwell", "Mad", "Stressed", "Easygoing", "Proud", "Inspired"];
 var TAB_COLORS = {
   reflect: "#c08497",
   goal: "#00979b"
@@ -333,8 +325,8 @@ var defaultInfo = {
   captcha: "",
   rememberMe: false
 };
-var HOMEPAGE_TEACHER = "/home";
-var HOMEPAGE_STUDENT = "/studenthome";
+var HOMEPAGE_TEACHER = "/my-one-to-one/up-coming";
+var HOMEPAGE_STUDENT = "/my-one-to-one/up-coming";
 var HOMEPAGE_ADMIN = "/admin/dashboard";
 var HOMEPAGE_PARENT = "/parent";
 var HOMEPAGE_DISTRICT = "/admin/schools";
@@ -502,30 +494,32 @@ var BlockLogin = function BlockLogin(_ref) {
         setFieldValue = formikProps.setFieldValue;
     var emailError = touched.email && errors.email;
     var passwordError = touched.password && errors.password;
-    return React__default.createElement(reactstrap.Form, {
+    return React__default.createElement(reactstrap.Row, {
+      className: "" + styles["box-login"]
+    }, React__default.createElement(reactstrap.Col, {
+      className: "p-0"
+    }, React__default.createElement(reactstrap.Form, {
       className: "" + styles["block-login"],
       onSubmit: handleSubmit
-    }, React__default.createElement(CloseBlock, {
-      to: "/"
-    }), React__default.createElement("p", {
+    }, React__default.createElement("div", {
+      className: "" + styles["block-form"]
+    }, React__default.createElement("p", {
       className: "" + styles["title-login"]
-    }, "Login"), React__default.createElement(reactstrap.FormGroup, {
+    }, "Sign in"), React__default.createElement("p", {
+      className: "recover-account"
+    }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit."), React__default.createElement(reactstrap.FormGroup, {
       className: "" + styles["form-user-name"]
-    }, React__default.createElement(reactstrap.Label, {
-      "for": "userName"
-    }, "user name"), React__default.createElement(reactstrap.Input, {
+    }, React__default.createElement(reactstrap.Input, {
       type: "text",
       name: "email",
-      placeholder: "User name",
+      placeholder: "Email",
       value: values.email,
       onChange: handleChange,
       onBlur: handleBlur("email"),
       required: true
     }), emailError && React__default.createElement(ErrorHandler, {
       text: errors.email
-    })), React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(reactstrap.Label, {
-      "for": "password"
-    }, "Password"), React__default.createElement(PasswordInput, {
+    })), React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(PasswordInput, {
       isShowPassword: isShowPassword,
       togglePasswordVisible: togglePasswordVisible,
       onChange: function onChange(e) {
@@ -536,19 +530,24 @@ var BlockLogin = function BlockLogin(_ref) {
     })), React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(reactGoogleRecaptchaV3.GoogleReCaptcha, {
       action: "login",
       onVerify: handleVerify
-    })), React__default.createElement(reactstrap.Col, null, React__default.createElement("button", {
+    })), React__default.createElement(reactstrap.Col, {
+      className: "p-0 mt-5"
+    }, React__default.createElement("button", {
       className: "" + styles["btn-login"],
       type: "submit"
-    }, "Login")), React__default.createElement("div", {
-      className: "d-flex justify-content-center"
+    }, "LOGIN")), React__default.createElement("div", {
+      className: "d-flex justify-content-end"
     }, React__default.createElement(reactRouterDom.Link, {
       to: "/forgot-password",
-      className: "" + styles["forgot-password"]
-    }, "Forgot password or username?")), React__default.createElement("p", {
-      className: "" + styles["term-and-conditions"]
-    }, "Check out our ", React__default.createElement("a", {
-      href: ""
-    }, "Terms and Conditions")));
+      className: "" + styles["link-to-login"]
+    }, "Forgot password ?"))))), React__default.createElement(reactstrap.Col, {
+      lg: 4,
+      md: 4,
+      className: "" + styles["img-box"]
+    }, React__default.createElement("img", {
+      src: "/images/img-login.png",
+      className: "" + styles["img-login"]
+    })));
   });
 };
 
@@ -738,16 +737,18 @@ var BlockForgetPassword = function BlockForgetPassword() {
         values = formikProps.values,
         touched = formikProps.touched,
         errors = formikProps.errors;
-    return React__default.createElement("div", {
-      className: styles["block-forgot-password"] + " " + styles["block-login"] + " d-flex flex-column align-items-center"
+    return React__default.createElement(reactstrap.Row, {
+      className: "" + styles["box-login"]
+    }, React__default.createElement(reactstrap.Col, {
+      className: "p-0"
     }, React__default.createElement("div", {
-      className: "w-100"
-    }, React__default.createElement(CloseBlock, {
-      to: "/"
-    })), React__default.createElement("p", {
-      className: styles["title-login"] + " " + styles["title-forgot-password"]
+      className: "" + styles["block-login"]
+    }, React__default.createElement("div", {
+      className: "" + styles["block-form"]
+    }, React__default.createElement("p", {
+      className: styles["title-login"] + " "
     }, "Forgot password"), React__default.createElement("p", {
-      className: "" + styles["recover-account"]
+      className: styles["recover-account"] + " mb-5"
     }, "Enter email to recover your account"), React__default.createElement("div", {
       className: "w-100"
     }, React__default.createElement(reactstrap.Label, {
@@ -764,28 +765,29 @@ var BlockForgetPassword = function BlockForgetPassword() {
     })), React__default.createElement(reactGoogleRecaptchaV3.GoogleReCaptcha, {
       action: "forgetPass",
       onVerify: handleVerify
-    }), React__default.createElement(reactstrap.Col, null, React__default.createElement("button", {
-      className: styles["btn-login"] + " mt-4",
+    }), React__default.createElement(reactstrap.Col, {
+      className: "p-0"
+    }, React__default.createElement("button", {
+      className: styles["btn-login"] + " mt-5",
       onClick: function onClick() {
         return handleSubmit();
       }
     }, "Continue")), React__default.createElement("p", {
-      className: styles[""] + " w-100 d-flex justify-content-center align-items-end flex-grow-1"
+      className: "d-flex justify-content-end"
     }, React__default.createElement(reactRouterDom.Link, {
       to: "/login",
-      className: styles[""] + " " + styles["return-to-login"]
-    }, "Return to login")));
+      className: "" + styles["link-to-login"]
+    }, "Return to login"))))), React__default.createElement(reactstrap.Col, {
+      lg: 4,
+      md: 4,
+      className: "" + styles["img-box"]
+    }, React__default.createElement("img", {
+      src: "/images/img-login.png",
+      className: "" + styles["img-login"]
+    })));
   });
 };
 
-var CloseButton = function CloseButton(_ref) {
-  var toggle = _ref.toggle;
-  return React__default.createElement("a", {
-    onClick: toggle,
-    className: "" + styles["btn-close"]
-  }, "\xD7");
-};
-
 var initialValues$1 = {
   token: "",
   password: "",
@@ -811,12 +813,6 @@ var BlockResetPassword = function BlockResetPassword() {
       isShowReTypePassword = _useForgotPassword.isShowReTypePassword,
       setIsShowReTypePassword = _useForgotPassword.setIsShowReTypePassword;
 
-  var history = reactRouterDom.useHistory();
-
-  var close = function close() {
-    history.push("/login");
-  };
-
   React.useEffect(function () {
     checkResetTokenRequest(token);
   }, []);
@@ -835,15 +831,15 @@ var BlockResetPassword = function BlockResetPassword() {
     React.useEffect(function () {
       setFieldValue("token", token);
     }, []);
-    return React__default.createElement("div", {
-      className: styles["block-login"] + " " + styles["block-reset-password"] + " d-flex flex-column align-items-center"
+    return React__default.createElement(reactstrap.Row, {
+      className: "" + styles["box-login"]
+    }, React__default.createElement(reactstrap.Col, {
+      className: "p-0"
     }, React__default.createElement("div", {
-      className: "w-100"
-    }, React__default.createElement(CloseButton, {
-      toggle: function toggle() {
-        return close();
-      }
-    })), React__default.createElement("p", {
+      className: "" + styles["block-login"]
+    }, React__default.createElement("div", {
+      className: "" + styles["block-form"]
+    }, React__default.createElement("p", {
       className: "" + styles["title-login"]
     }, "Reset Password"), React__default.createElement("div", {
       className: "w-100"
@@ -872,20 +868,29 @@ var BlockResetPassword = function BlockResetPassword() {
     }), touched.reEnterPassword && errors.reEnterPassword && React__default.createElement(ErrorHandler, {
       text: errors.reEnterPassword
     })) : React__default.createElement(React__default.Fragment, null, React__default.createElement("p", {
-      className: "w-100 text-center"
+      className: styles["recover-account"] + " mb-5"
     }, "Invalid reset password link"), React__default.createElement("p", {
       className: "w-100"
-    }, "It may have been accessed before or expired or you have just tried to reset another account's password"))), validLink && React__default.createElement(reactstrap.Col, null, React__default.createElement("button", {
+    }, "It may have been accessed before or expired or you have just tried to reset another account's password"))), validLink && React__default.createElement(reactstrap.Col, {
+      className: "p-0"
+    }, React__default.createElement("button", {
       className: styles["btn-login"] + " mt-4",
       onClick: function onClick() {
         return handleSubmit();
       }
     }, "Confirm")), React__default.createElement("p", {
-      className: "w-100 d-flex justify-content-center align-items-end flex-grow-1"
+      className: "d-flex justify-content-end"
     }, React__default.createElement(reactRouterDom.Link, {
       to: "/login",
-      className: "" + styles["return-to-login"]
-    }, "Return to login")));
+      className: "" + styles["link-to-login"]
+    }, "Return to login"))))), React__default.createElement(reactstrap.Col, {
+      lg: 4,
+      md: 4,
+      className: "" + styles["img-box"]
+    }, React__default.createElement("img", {
+      src: "/images/img-login.png",
+      className: "" + styles["img-login"]
+    })));
   });
 };
 
@@ -968,8 +973,8 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   return it.next.bind(it);
 }
 
-var HOMEPAGE_TEACHER$1 = "/home";
-var HOMEPAGE_STUDENT$1 = "/studenthome";
+var HOMEPAGE_TEACHER$1 = "/my-one-to-one/up-coming";
+var HOMEPAGE_STUDENT$1 = "/my-one-to-one/up-coming";
 var HOMEPAGE_ADMIN$1 = "/admin/dashboard";
 var HOMEPAGE_PARENT$1 = "/parent";
 var HOMEPAGE_DISTRICT$1 = "/admin/schools";
@@ -1059,12 +1064,6 @@ var BlockTwoFactorLogin = function BlockTwoFactorLogin() {
   var _useLoginTwoFactor = useLoginTwoFactor(),
       userLoginTwoFactor = _useLoginTwoFactor.userLoginTwoFactor;
 
-  var history = reactRouterDom.useHistory();
-
-  var close = function close() {
-    history.push("/login");
-  };
-
   return React__default.createElement(formik.Formik, {
     initialValues: _extends({}, initialValues$2, {
       id: id
@@ -1081,21 +1080,19 @@ var BlockTwoFactorLogin = function BlockTwoFactorLogin() {
         handleSubmit = formikProps.handleSubmit,
         touched = formikProps.touched,
         errors = formikProps.errors;
-    return React__default.createElement("div", {
-      className: styles["block-login"] + " " + styles["block-reset-password"] + " d-flex flex-column align-items-center"
+    return React__default.createElement(reactstrap.Row, {
+      className: "" + styles["box-login"]
+    }, React__default.createElement(reactstrap.Col, {
+      className: "p-0"
     }, React__default.createElement("div", {
-      className: "w-100"
-    }, React__default.createElement(CloseButton, {
-      toggle: function toggle() {
-        return close();
-      }
-    })), React__default.createElement("p", {
+      className: "" + styles["block-login"]
+    }, React__default.createElement("div", {
+      className: "" + styles["block-form"]
+    }, React__default.createElement("p", {
       className: "" + styles["title-login"]
     }, "Additional Verification"), React__default.createElement("p", {
-      className: "text-small text-secondary"
-    }, React__default.createElement("i", null, "Check your email to get Additional Verification. This code will be expired in 5 minutes")), React__default.createElement("div", {
-      className: "w-100"
-    }, React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(reactstrap.Label, null, "Additional Verification"), React__default.createElement(reactstrap.Input, {
+      className: "recover-account"
+    }, "Check your email to get Additional Verification. This code will be expired in 5 minutes"), React__default.createElement("div", null, React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(reactstrap.Label, null, "Additional Verification"), React__default.createElement(reactstrap.Input, {
       name: "twoFactorCode",
       value: values.twoFactorCode,
       onChange: handleChange
@@ -1111,17 +1108,26 @@ var BlockTwoFactorLogin = function BlockTwoFactorLogin() {
     }), React__default.createElement(reactstrap.Label, {
       "for": "rememberMe",
       className: "" + styles["remember"]
-    }, "Remember my browser & IP"))), React__default.createElement(reactstrap.Col, null, React__default.createElement("button", {
-      className: styles["btn-login"] + " mt-4",
+    }, "Remember my browser & IP"))), React__default.createElement(reactstrap.Col, {
+      className: "p-0 mt-5"
+    }, React__default.createElement("button", {
+      className: styles["btn-login"] + " ",
       onClick: function onClick() {
         return handleSubmit();
       }
     }, "Confirm")), React__default.createElement("p", {
-      className: "w-100 d-flex justify-content-center align-items-end flex-grow-1"
+      className: "d-flex justify-content-end"
     }, React__default.createElement(reactRouterDom.Link, {
       to: "/login",
-      className: "" + styles["return-to-login"]
-    }, "Return to login")));
+      className: "" + styles["link-to-login"]
+    }, "Return to login"))))), React__default.createElement(reactstrap.Col, {
+      lg: 4,
+      md: 4,
+      className: "" + styles["img-box"]
+    }, React__default.createElement("img", {
+      src: "/images/img-login.png",
+      className: "" + styles["img-login"]
+    })));
   });
 };
 
@@ -1149,10 +1155,10 @@ var Login = function Login(props) {
   }, React__default.createElement(reactstrap.Row, {
     className: "h-100"
   }, React__default.createElement(reactstrap.Col, {
-    lg: 6,
+    lg: 12,
     md: 12,
     xs: 12,
-    className: "offset-lg-6 d-flex justify-content-center h-100 align-items-center"
+    className: "d-flex justify-content-center h-100 align-items-center"
   }, React__default.createElement(reactGoogleRecaptchaV3.GoogleReCaptchaProvider, {
     useRecaptchaNet: true,
     reCaptchaKey: GOOGLE_RECAPTCHA_KEY,
@@ -1251,7 +1257,7 @@ var Dashboard = function Dashboard() {
     !!user ? document.title = DASHBOARD_TITLE : document.title = ROOT_TITLE;
   }, [user]);
   return React__default.createElement("div", {
-    className: "" + styles["login"]
+    className: styles["login"] + " " + styles["red-background"]
   }, React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
     className: styles["nav-home"] + " d-flex w-100"
   }, React__default.createElement("a", {
@@ -1920,7 +1926,7 @@ var useFilters = function useFilters() {
   var changeFilters = function changeFilters(updatedFilters) {
     var newFilters = _extends({}, filters, updatedFilters);
 
-    if (!!newFilters.searchString) {
+    if (!!newFilters.searchString && !!updatedFilters.searchString && updatedFilters.searchString != filters.searchString) {
       newFilters.currentPage = 1;
     }