feat: add method name to the tx activity

Author: catalyst17

apps/dashboard/src/app/(dashboard)/hackweek/[chain_id]/[address]/actions/fetchRecentTransactions.ts

@@ -31,6 +31,11 @@ interface Transaction {
   blob_gas_price: number | null;
   logs_bloom: string | null;
   status: boolean | null; // true for success, false for failure
+  decodedData: {
+    name: string;
+    signature: string;
+    inputs: Record<string, unknown>;
+  };
 }
 
 interface InsightsResponse {

apps/dashboard/src/app/(dashboard)/hackweek/[chain_id]/[address]/components/ActivityOverview.tsx

@@ -17,7 +17,6 @@ import { useState } from "react";
 import type { ChainMetadata } from "thirdweb/chains";
 import { shortenHex } from "thirdweb/utils";
 import type { TransactionDetails } from "../hooks/useGetRecentTransactions";
-import { formatDistanceToNow } from "date-fns";
 
 interface Contract {
   address: string;
@@ -88,6 +87,7 @@ export function ActivityOverview({
                 <TableRow>
                   <TableHead>Date</TableHead>
                   <TableHead>Hash</TableHead>
+                  <TableHead>Method</TableHead>
                   <TableHead>Activity</TableHead>
                   <TableHead>Value ({chain.nativeCurrency.symbol})</TableHead>
                 </TableRow>
@@ -113,6 +113,9 @@ export function ActivityOverview({
                         {shortenHex(transaction.hash)}
                       </Button>
                     </TableCell>
+                    <TableCell>
+                      {transaction.method}
+                    </TableCell>
                     <TableCell>
                       {transaction.type === "in" ? (
                         <div className="flex items-center gap-2">

apps/dashboard/src/app/(dashboard)/hackweek/[chain_id]/[address]/hooks/useGetRecentTransactions.ts

@@ -29,7 +29,7 @@ export function useGetRecentTransactions(chainId: number, address: string) {
           valueTokens: transaction.value / 10 ** 18,
           to: transaction.to_address || undefined,
           from: transaction.from_address,
-          method: transaction.function_selector || undefined,
+          method: transaction.decodedData.name || "transfer",
           date: new Date(transaction.block_timestamp * 1000),
         };
       });