Adding toast messaging

gauravsingh1281 · Feb 24, 2025 · e43a88e · e43a88e
1 parent dd7e1cb
commit e43a88e
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -34,6 +34,7 @@
     "react-router-hash-link": "^2.4.3",
     "react-scroll-to-top": "^3.0.0",
     "react-simple-scroll-up": "^0.2.3",
+    "react-toastify": "^11.0.3",
     "rentalog": "file:",
     "tailwind-merge": "^2.5.4",
     "tailwindcss-animate": "^1.0.7",

diff --git a/src/App.jsx b/src/App.jsx
@@ -3,7 +3,8 @@
 import React, { useEffect, useState } from 'react';
 import "./App.css";
 import { Route, Routes } from "react-router-dom";
-
+import { ToastContainer } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
 // Pages and Components
 import { Home, Login, Registration, Dashboard, ComingSoon } from "./pages";
 import ForgotPassword from "./pages/ForgotPassword";
@@ -65,6 +66,9 @@ const App = () => {
 
   return (
     <>
+
+<ToastContainer position="top-right" autoClose={3000} />
+
       {/* Custom Main Cursor */}
       <div
         className={`custom-cursor ${!isCursorVisible ? "hidden" : ""}`}