sweetalertcomplet

app/Components/auth/ChangePassword/changePassword.tsx

@@ -2,6 +2,7 @@
 import apiClient from "@/app/lib/apiClient";
 import { useState } from "react";
 import toast from "react-hot-toast";
+import Swal from "sweetalert2";
 
 export default function ChangePassword() {
   const [password, setPass] = useState("");
@@ -19,7 +20,13 @@ export default function ChangePassword() {
       setNewPass('');
       setconfirmNewPass('');
     }catch{
-      toast.error( `No es la contraseña actual`)
+     
+       Swal.fire({
+                  title: "No es la contraseña actual!",
+                  icon: "error",
+                  draggable: true,
+                });
+            
     }
     
   };
@@ -85,4 +92,3 @@ export default function ChangePassword() {
     </section>
   );
 }
-//IO

app/Components/auth/Login/Login.tsx

@@ -5,6 +5,7 @@ import { useRouter } from "next/navigation";
 
 import toast from "react-hot-toast";
 import "./Login.css";
+import Swal from "sweetalert2";
 
 function Login() {
   const [user, setUser] = useState("");
@@ -16,12 +17,22 @@ function Login() {
     e.preventDefault();
 
     if (!user) {
-      toast.error("Coloca un usuario");
+ 
+        Swal.fire({
+            title: "Coloca un usuario!",
+            icon: "error",
+            draggable: true,
+          });
       return;
     }
 
     if (!password) {
-      toast.error("Coloca una contraseña");
+    
+      Swal.fire({
+            title: "Coloca una contraseña!",
+            icon: "error",
+            draggable: true,
+          });
       return;
     }
 
@@ -39,7 +50,12 @@ function Login() {
       document.cookie = `user=${usuario}; path=/; SameSite=Strict`;
       document.cookie = `role=${role}; path=/; SameSite=Strict`;
 
-      toast.success("Inicio de sesión exitoso");
+     
+      Swal.fire({
+            title: "Inicio de sesión exitoso!",
+            icon: "success",
+            draggable: true,
+          });
       router.push("/Impresiones");
       router.refresh();
     }