wip

Author: arcoraven

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

@@ -2,7 +2,7 @@
 import type { ChainMetadata } from "thirdweb/chains";
 import { useGetERC20Tokens } from "../hooks/useGetERC20Tokens";
 import { useGetNFTs } from "../hooks/useGetNFTs";
-import { useGetTxActivity } from "../hooks/useGetTxActivity";
+import { useGetRecentTransactions } from "../hooks/useGetTxActivity";
 import { mockWalletData } from "../utils/mockData";
 import { ActivityOverview } from "./ActivityOverview";
 import { NebulaInterface } from "./NebulaInterface";
@@ -20,7 +20,7 @@ export function WalletDashboard(props: {
     props.chain.chainId,
     props.address,
   );
-  const { txActivity, isLoading: isLoadingActivity } = useGetTxActivity(
+  const { txActivity, isLoading: isLoadingActivity } = useGetRecentTransactions(
     props.chain.chainId,
     props.address,
   );

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

@@ -1,32 +1,30 @@
 import { useEffect, useState } from "react";
-import { fetchTxActivity } from "../actions/fetchTxActivity";
+import { fetchTxActivity as getRecentTransactions } from "../actions/fetchTxActivity";
 
-interface TxActivityItem {
+export interface TransactionDetails {
   id: string;
-  // all txs we retrieve for now are outgoing
-  // TODO: add incoming
   type: "out" | "in";
-  amount: string;
+  value: bigint;
   to?: string;
   from?: string;
   method?: string;
   date: string;
 }
 
-export function useGetTxActivity(chainId: number, address: string) {
-  const [txActivity, setTxActivity] = useState<TxActivityItem[]>([]);
+export function useGetRecentTransactions(chainId: number, address: string) {
+  const [txActivity, setTxActivity] = useState<TransactionDetails[]>([]);
   const [isLoading, setIsLoading] = useState(true);
 
   useEffect(() => {
     (async () => {
-      const response = await fetchTxActivity({ chainId, address });
-      const activity = response.map((tx): TxActivityItem => {
+      const response = await getRecentTransactions({ chainId, address });
+      const activity = response.map((tx): TransactionDetails => {
         const type =
           tx.to_address?.toLowerCase() === address.toLowerCase() ? "in" : "out";
         return {
           id: tx.hash,
           type,
-          amount: `${tx.value / 10 ** 18} ETH`,
+          value: BigInt(tx.value),
           to: tx.to_address || undefined,
           from: tx.from_address,
           method: tx.function_selector || undefined,