ok mantab

src/App.js

@@ -235,6 +235,13 @@ function App() {
     socket.on("transaction_created", async (data) => {
       console.log("transaction notification");
       setModal("new_transaction", data);
+
+      navigator.serviceWorker.ready.then((registration) => {
+        registration.showNotification("New Transaction", {
+          body: `A new transaction was created: ${data.transactionDetails}`, // Customize as needed
+          icon: "icon.png", // Optional icon
+        });
+      });
     });
 
     socket.on("checkUserTokenRes", async (data) => {

src/components/ButtonWithReplica.css

@@ -46,4 +46,5 @@
   top: 30%;
   z-index: 200;
   border-radius: 0px;
+  background-color: white;
 }

src/components/ButtonWithReplica.js

@@ -7,8 +7,8 @@ const ButtonWithReplica = ({ children }) => {
   const handleClick = () => {
     setIsActive(true);
     setTimeout(() => {
-      setIsActive(false);
+      // setIsActive(false);
-    }, 1000); // Duration of the animation
+    }, 10000); // Duration of the animation
   };
 
   return (

src/pages/Transactions.module.css

@@ -1,5 +1,5 @@
 .Transactions {
-  overflow-x: auto;
+  overflow-x: hidden;
   height: 100%;
   background-color: white;
   display: flex;