166 lines
3.6 KiB
React
166 lines
3.6 KiB
React
import { toast, ToastContainer, Bounce } from "react-toastify";
|
||
import "react-toastify/dist/ReactToastify.css";
|
||
|
||
/**
|
||
* 🔧 Ezt csak egyszer kell betenni az App.jsx-be!
|
||
* <ToastConfig /> = az a komponens, ami kirendereli a toastokat
|
||
*/
|
||
export const ToastConfig = () => (
|
||
<ToastContainer
|
||
position="bottom-right"
|
||
autoClose={5000}
|
||
hideProgressBar={false}
|
||
newestOnTop={false}
|
||
closeOnClick={false}
|
||
rtl={false}
|
||
pauseOnFocusLoss
|
||
draggable
|
||
pauseOnHover
|
||
theme="light"
|
||
transition={Bounce}
|
||
/>
|
||
);
|
||
|
||
/**
|
||
* 🦄 Alapértelmezett toast üzenet (semleges)
|
||
* notify("Üzenet szövege")
|
||
*/
|
||
export const notify = (message) => {
|
||
toast(message, {
|
||
position: "bottom-right",
|
||
autoClose: 5000,
|
||
hideProgressBar: false,
|
||
closeOnClick: false,
|
||
pauseOnHover: true,
|
||
draggable: true,
|
||
theme: "light",
|
||
transition: Bounce,
|
||
});
|
||
};
|
||
|
||
/**
|
||
* ✅ Sikeres művelethez
|
||
* notifySuccess("Sikeres mentés!")
|
||
*/
|
||
export const notifySuccess = (message) => {
|
||
toast.success(message, {
|
||
position: "bottom-right",
|
||
autoClose: 4000,
|
||
theme: "light",
|
||
transition: Bounce,
|
||
});
|
||
};
|
||
|
||
/**
|
||
* ❌ Hibás művelethez
|
||
* notifyError("Hiba történt a mentés során!")
|
||
*/
|
||
export const notifyError = (message) => {
|
||
toast.error(message, {
|
||
position: "bottom-right",
|
||
autoClose: 5000,
|
||
theme: "light",
|
||
transition: Bounce,
|
||
});
|
||
};
|
||
|
||
/**
|
||
* ℹ️ Információs üzenethez
|
||
* notifyInfo("Friss adatok betöltve!")
|
||
*/
|
||
export const notifyInfo = (message) => {
|
||
toast.info(message, {
|
||
position: "bottom-right",
|
||
autoClose: 4000,
|
||
theme: "light",
|
||
transition: Bounce,
|
||
});
|
||
};
|
||
|
||
/**
|
||
* ⚠️ Figyelmeztetéshez
|
||
* notifyWarning("Figyelem! Nem mentett módosítások vannak!")
|
||
*/
|
||
export const notifyWarning = (message) => {
|
||
toast.warn(message, {
|
||
position: "bottom-right",
|
||
autoClose: 4000,
|
||
theme: "light",
|
||
transition: Bounce,
|
||
});
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
// import React, { useState } from "react";
|
||
// import { notifyWarning } from "../../components/Toastify/toastifyServices";
|
||
|
||
// function AuthLogin() {
|
||
// const [email, setEmail] = useState("");
|
||
// const [password, setPassword] = useState("");
|
||
|
||
// const handleLogin = async (e) => {
|
||
// e.preventDefault();
|
||
|
||
// // Példa jelszó ellenőrzés logikára:
|
||
// if (password !== "titkosjelszo123") {
|
||
// notifyWarning("⚠️ Hibás jelszó! Kérlek próbáld újra.");
|
||
// return;
|
||
// }
|
||
|
||
// // Ha jó a jelszó:
|
||
// notifySuccess("✅ Sikeres bejelentkezés!");
|
||
// };
|
||
|
||
// return (
|
||
// <form onSubmit={handleLogin} className="login-form">
|
||
// <input
|
||
// type="email"
|
||
// placeholder="Email cím"
|
||
// value={email}
|
||
// onChange={(e) => setEmail(e.target.value)}
|
||
// />
|
||
// <input
|
||
// type="password"
|
||
// placeholder="Jelszó"
|
||
// value={password}
|
||
// onChange={(e) => setPassword(e.target.value)}
|
||
// />
|
||
// <button type="submit">Bejelentkezés</button>
|
||
// </form>
|
||
// );
|
||
// }
|
||
|
||
// export default AuthLogin;
|
||
|
||
|
||
|
||
// meghivas
|
||
// import { toast } from "react-toastify";
|
||
|
||
// // 🔔 Alap toast
|
||
// export const notify = (msg) => toast(msg);
|
||
|
||
// // ✅ Sikeres üzenet
|
||
// export const notifySuccess = (msg) => toast.success(msg);
|
||
|
||
// // ⚠️ Figyelmeztetés
|
||
// export const notifyWarning = (msg) => toast.warning(msg);
|
||
|
||
// // ❌ Hiba
|
||
// export const notifyError = (msg) => toast.error(msg);
|
||
|
||
// // ℹ️ Információ
|
||
// export const notifyInfo = (msg) => toast.info(msg);
|
||
|
||
|
||
|
||
// hasznalat
|
||
// import { notifyWarning } from "../../components/Toastify/toastifyServices";
|
||
|
||
// if (password !== "titkos") {
|
||
// notifyWarning("⚠️ Hibás jelszó!");
|
||
// }
|