update

src/App.jsx

@@ -5,11 +5,12 @@ import {
   Route,
   useNavigate,
 } from "react-router-dom";
+import { ToastContainer } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
 import { AuthContextProvider, useAuth } from "./context/AuthContext";
+import checkInterConnection from "./utils/checkInternetConnection";
 import Login from "./components/Login";
 import Dashboard from "./components/Dashboard";
-import { ToastContainer } from "react-toastify";
-import "react-toastify/dist/ReactToastify.css";
 
 const AuthRedirect = () => {
   const { currentUid } = useAuth();
@@ -47,6 +48,9 @@ const App = () => {
           />
           <Route path="/" element={<AuthRedirect />} />
         </Routes>
+
+        {checkInterConnection()}
+
         <ToastContainer
           position="bottom-right"
           autoClose={3000}
@@ -61,6 +65,7 @@ const App = () => {
           transition:Bounce
         />
       </AuthContextProvider>
+
     </Router>
   );
 };

src/utils/checkInternetConnection.jsx

@@ -0,0 +1,34 @@
+import React, { useEffect, useState } from "react";
+import { toast } from "react-toastify";
+
+const ErrorToast = ({ message }) => {
+  toast.error(message);
+  return null; // Returning null avoids unnecessary rendering
+};
+
+const checkInternetConnection = () => {
+  const [isConnected, setIsConnected] = useState(navigator.onLine);
+  const [prevConnected, setPrevConnected] = useState(navigator.onLine);
+
+  useEffect(() => {
+    const handleOnlineEvent = () => setIsConnected(true);
+    const handleOfflineEvent = () => setIsConnected(false);
+
+    window.addEventListener("online", handleOnlineEvent);
+    window.addEventListener("offline", handleOfflineEvent);
+
+    return () => {
+      window.removeEventListener("online", handleOnlineEvent);
+      window.removeEventListener("offline", handleOfflineEvent);
+    };
+  }, []);
+
+  if (!isConnected) {
+    return <ErrorToast message="No internet connection" />;
+  }
+
+
+  return null; 
+};
+
+export default checkInternetConnection;