trigger youcall event WIP

smartcontracts/src/Counter.sol

@@ -2,6 +2,11 @@
 pragma solidity ^0.8.18;
 
 contract Counter {
+    error CustomError(string message, uint256 yourAmount);
+
+    event YourBalance(address caller, uint256 amount);
+    event YouCall(address caller, uint256 amount);
+
     uint256 public number;
 
     function setNumber(uint256 newNumber) public {
@@ -12,9 +17,16 @@ contract Counter {
         number++;
     }
 
-    error CustomError(string message, uint256 yourAmount);
 
     function getError(uint256 yourAmount) public pure returns (string memory) {
         revert CustomError("An error occurred", yourAmount);
     }
+
+    function launchEvent() public payable {
+        emit YouCall(msg.sender, msg.value);
+    }
+
+    function youETHBalance() public {
+        emit YourBalance(msg.sender, address(this).balance);
+    }
 }

ui/app/debug/page.tsx

@@ -1,13 +1,26 @@
+"use client";
+
 import { DebugContracts } from "./_components/DebugContracts";
 import type { NextPage } from "next";
-import { getMetadata } from "~~/utils/fwt/getMetadata";
-
-export const metadata = getMetadata({
-  title: "Debug Contracts",
-  description: "Debug your deployed 🏗 Fullstack Web3 Template contracts in an easy way",
-});
+import { useScaffoldWatchContractEvent } from "~~/hooks/scaffold-eth/useScaffoldWatchContractEvent";
+import { notification } from "~~/utils/fwt/notification";
 
 const Debug: NextPage = () => {
+  useScaffoldWatchContractEvent({
+    contractName: "Counter",
+    eventName: "YouCall",
+    onLogs: logs => {
+      logs.forEach(log => {
+        notification.info(
+          `Event YouCall triggered:
+          Caller: ${log.args.caller}
+          Amount: ${log.args.amount} wei`,
+          { duration: 6000 }
+        );
+      });
+    },
+  });
+
   return (
     <>
       <DebugContracts />