contentoh-components-library 21.0.40 → 21.0.43

package/src/components/organisms/ChangePassword/index.js

@@ -7,15 +7,17 @@ import { ScreenHeader } from "../../atoms/ScreenHeader";
 import { GlobalColors, FontFamily } from "../../../global-files/variables";
 import { GradientPanel } from "../../atoms/GradientPanel";
 
-export const ChangePassword = () => {
+export const ChangePassword = (props) => {
+  
   const [emptyPassword, setEmptyPassword] = useState(false);
   const [emptyConfirmPassword, setEmptyConfirmPassword] = useState(false);
   const [matchPasswords, setMatchPasswords] = useState(true);
+
   const validate = async (e) => {
     e.preventDefault();
-    const password = document.querySelector("#newPasswordInput").value;
+    let password = document.querySelector("#newPasswordInput").value;
     password.length < 8 ? setEmptyPassword(true) : setEmptyPassword(false);
-    const confirmPassword = document.querySelector(
+    let confirmPassword = document.querySelector(
       "#confirmPasswordInput"
     ).value;
     confirmPassword === ""
@@ -26,7 +28,18 @@ export const ChangePassword = () => {
     } else {
       setMatchPasswords(false);
     }
+    let valid = true;
+    emptyPassword && (valid = false);
+    emptyConfirmPassword && (valid = false);
+    !matchPasswords && (valid = false);
+    if (valid) {
+      sessionStorage.setItem("newPassword", JSON.stringify(password));
+      !sessionStorage.getItem("resetPasswordProcess")
+        ? props.setPaso(9)
+        : props.setPaso(11);
+    }
   };
+
   const loginRight = [
     <LogoImage key="1" />,
     <div className="credenciales" key={"2"}>

package/src/components/organisms/ChangePassword/styles.js

@@ -5,10 +5,9 @@ export const Container = styled.div`
   width: 50%;
   height: 100vh;
   .button-center {
-    text-align: center;
     position: absolute;
-    bottom: 5%;
-    left: calc(75% - 80px);
+    bottom: 10%;
+    left: 65%;
     .general-default-button {
       width: 160px;
     }