From 1d54f447225df78cb1280fbb074f973b8cc89317 Mon Sep 17 00:00:00 2001
From: Damian <damianmarti@gmail.com>
Date: Fri, 27 Oct 2023 14:53:20 -0300
Subject: [PATCH 1/3] Add event logs to transaction page

---
 .../pages/blockexplorer/transaction/[txHash].tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/packages/nextjs/pages/blockexplorer/transaction/[txHash].tsx b/packages/nextjs/pages/blockexplorer/transaction/[txHash].tsx
index 72b4c9b6f..89a32d1fc 100644
--- a/packages/nextjs/pages/blockexplorer/transaction/[txHash].tsx
+++ b/packages/nextjs/pages/blockexplorer/transaction/[txHash].tsx
@@ -6,6 +6,7 @@ import { hardhat } from "viem/chains";
 import { usePublicClient } from "wagmi";
 import { Address } from "~~/components/scaffold-eth";
 import { decodeTransactionData, getFunctionDetails, getTargetNetwork } from "~~/utils/scaffold-eth";
+import { replacer } from "~~/utils/scaffold-eth/common";
 
 const TransactionPage: NextPage = () => {
   const client = usePublicClient({ chainId: hardhat.id });
@@ -120,6 +121,21 @@ const TransactionPage: NextPage = () => {
                   <textarea readOnly value={transaction.input} className="p-0 textarea-primary bg-inherit h-[150px]" />
                 </td>
               </tr>
+              <tr>
+                <td>
+                  <strong>Logs:</strong>
+                </td>
+                <td className="form-control">
+                  <ul>
+                    {receipt?.logs &&
+                      receipt.logs.map((log, i) => (
+                        <li key={i}>
+                          <strong>Topics {i}:</strong> {JSON.stringify(log.topics, replacer, 2)}
+                        </li>
+                      ))}
+                  </ul>
+                </td>
+              </tr>
             </tbody>
           </table>
         </div>

From 307e25c437aaf168b5918a4adb01c71822e5163f Mon Sep 17 00:00:00 2001
From: Damian <damianmarti@gmail.com>
Date: Mon, 30 Oct 2023 10:56:42 -0300
Subject: [PATCH 2/3] Improvements from PR

---
 .../pages/blockexplorer/transaction/[txHash].tsx    | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/nextjs/pages/blockexplorer/transaction/[txHash].tsx b/packages/nextjs/pages/blockexplorer/transaction/[txHash].tsx
index 89a32d1fc..5bede833e 100644
--- a/packages/nextjs/pages/blockexplorer/transaction/[txHash].tsx
+++ b/packages/nextjs/pages/blockexplorer/transaction/[txHash].tsx
@@ -125,14 +125,13 @@ const TransactionPage: NextPage = () => {
                 <td>
                   <strong>Logs:</strong>
                 </td>
-                <td className="form-control">
+                <td>
                   <ul>
-                    {receipt?.logs &&
-                      receipt.logs.map((log, i) => (
-                        <li key={i}>
-                          <strong>Topics {i}:</strong> {JSON.stringify(log.topics, replacer, 2)}
-                        </li>
-                      ))}
+                    {receipt?.logs?.map((log, i) => (
+                      <li key={i}>
+                        <strong>Topics {i}:</strong> {JSON.stringify(log.topics, replacer, 2)}
+                      </li>
+                    ))}
                   </ul>
                 </td>
               </tr>

From 443da9ba4f62f670798693385a9055c9e84ac37c Mon Sep 17 00:00:00 2001
From: Damian <damianmarti@gmail.com>
Date: Mon, 30 Oct 2023 14:59:35 -0300
Subject: [PATCH 3/3] Fix topics label

---
 packages/nextjs/pages/blockexplorer/transaction/[txHash].tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nextjs/pages/blockexplorer/transaction/[txHash].tsx b/packages/nextjs/pages/blockexplorer/transaction/[txHash].tsx
index 5bede833e..266a510d5 100644
--- a/packages/nextjs/pages/blockexplorer/transaction/[txHash].tsx
+++ b/packages/nextjs/pages/blockexplorer/transaction/[txHash].tsx
@@ -129,7 +129,7 @@ const TransactionPage: NextPage = () => {
                   <ul>
                     {receipt?.logs?.map((log, i) => (
                       <li key={i}>
-                        <strong>Topics {i}:</strong> {JSON.stringify(log.topics, replacer, 2)}
+                        <strong>Log {i} topics:</strong> {JSON.stringify(log.topics, replacer, 2)}
                       </li>
                     ))}
                   </ul>