new file

app/Components/auth/ChangePassword/changePassword.tsx

@@ -1,17 +1,24 @@
 "use client";
 import apiClient from "@/app/lib/apiClient";
 import { useState } from "react";
+import toast from "react-hot-toast";
 
 export default function ChangePassword() {
-  const [pass, setPass] = useState("");
-  const [newPass, setNewPass] = useState("");
+  const [password, setPass] = useState("");
+  const [newPassword, setNewPass] = useState("");
   const [confirmNewPass, setconfirmNewPass] = useState("");
 
   const handleChangePass = async (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault;
-    const data = { pass, newPass, confirmNewPass };
+    e.preventDefault();
+    const data = { password, newPassword };
 
-    await apiClient.post("/user/create", data);
+    try{
+      const response = await apiClient.post("/user/changePassword", data);
+      toast.success( `${response.data.message}`)
+    }catch{
+      toast.error( `No es la contraseña actual`)
+    }
+    
   };
 
   return (
@@ -21,7 +28,8 @@ export default function ChangePassword() {
           <label className="label">Contraseña actual</label>
           <input
             placeholder="Coloca tu contraseña..."
-            value={pass}
+            value={password}
+            type="password"
             onChange={(e) => {
               setPass(e.target.value);
             }}
@@ -33,7 +41,8 @@ export default function ChangePassword() {
           <label className="label">Nueva contraseña</label>
           <input
             placeholder="Coloca tu nueva contraseña..."
-            value={newPass}
+            value={newPassword}
+            type="password"
             onChange={(e) => {
               setNewPass(e.target.value);
             }}
@@ -46,6 +55,7 @@ export default function ChangePassword() {
           <input
             placeholder="Coloca tu nueva contraseña..."
             value={confirmNewPass}
+            type="password"
             onChange={(e) => {
               setconfirmNewPass(e.target.value);
             }}
@@ -57,7 +67,6 @@ export default function ChangePassword() {
           <button
             className="button buttonSearch"
             style={{ maxWidth: "100%", width: "100%" }}
-            type="submit"
           >
             Confirmar
           </button>
@@ -65,7 +74,6 @@ export default function ChangePassword() {
           <button
             className="button buttonCancel"
             style={{ maxWidth: "100%", width: "100%" }}
-            type="submit"
           >
             Cancelar
           </button>
@@ -74,3 +82,4 @@ export default function ChangePassword() {
     </section>
   );
 }
+//IO