From 1a065deac6751c50bd11c4500cd088924d5c977b Mon Sep 17 00:00:00 2001
From: Andre Neyra <andre.neyra@gmail.com>
Date: Fri, 5 Jan 2024 10:41:02 -0500
Subject: [PATCH] fix problem with build, add missing getDisplayTransferInfo
 method

---
 src/components/TxTable/TxDetailItem.tsx  |  4 ++--
 src/hooks/transactions/getDisplayInfo.ts | 25 ++++++++++++++++++++++--
 src/pages/app/transactions.tsx           |  1 -
 3 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/components/TxTable/TxDetailItem.tsx b/src/components/TxTable/TxDetailItem.tsx
index ff9366c0..7cf12cbd 100644
--- a/src/components/TxTable/TxDetailItem.tsx
+++ b/src/components/TxTable/TxDetailItem.tsx
@@ -115,9 +115,9 @@ export const TxDetailItem = ({
   if (!txData.type) {
     return (
       <Accordion
-        key={txData.txId}
+        key={txData.txId ?? txData.id}
         expanded={expanded}
-        onChange={handleChange(txData.txId)}
+        onChange={handleChange(txData.txId ?? txData.id)}
       >
         <Grid
           sx={{
diff --git a/src/hooks/transactions/getDisplayInfo.ts b/src/hooks/transactions/getDisplayInfo.ts
index ca77c7f2..9ff927b3 100644
--- a/src/hooks/transactions/getDisplayInfo.ts
+++ b/src/hooks/transactions/getDisplayInfo.ts
@@ -8,7 +8,7 @@ import { MultisigSdk, Psp22Sdk } from "xsigners-sdk-test";
 import { ChainExtended } from "@/config/chain";
 import { TX_TYPE_IMG } from "@/config/images";
 import { ContractParam } from "@/domain/repositores/ISquidDbRepository";
-import { TransactionProposed } from "@/domain/TransactionProposed";
+import { FullTxProposed } from "@/domain/TransactionProposed";
 import { TransactionDisplayInfo } from "@/domain/TransactionProposedItemUi";
 import { ApiPromise, ContractPromise } from "@/services/substrate/types";
 import { decodeCallArgs } from "@/utils/blockchain";
@@ -20,7 +20,7 @@ const PSP22_TRANSFER_METHOD_SELECTOR = "0xdb20f9f5";
 interface Props {
   multisigAddress: string;
   apiPromise: ApiPromise;
-  txProposed: TransactionProposed;
+  txProposed: FullTxProposed;
   nativeToken: ChainExtended & { decimals: number };
 }
 
@@ -163,3 +163,24 @@ export const getDisplayInfo = async ({
 
   return displayInfo;
 };
+
+export const getDisplayTransferInfo = async ({
+  txProposed,
+  nativeToken,
+}: Props): Promise<TransactionDisplayInfo> => {
+  const displayInfo: TransactionDisplayInfo = {
+    img: TX_TYPE_IMG.RECEIVE,
+    type: "Receive",
+    txMsg: "from",
+    valueAmount: "",
+    to: txProposed.to,
+    from: txProposed.from,
+  };
+
+  displayInfo.valueAmount = `${balanceToFixed(
+    txProposed.value,
+    nativeToken.decimals
+  )} ${nativeToken.token}`;
+
+  return displayInfo;
+};
diff --git a/src/pages/app/transactions.tsx b/src/pages/app/transactions.tsx
index 786cc604..74903822 100644
--- a/src/pages/app/transactions.tsx
+++ b/src/pages/app/transactions.tsx
@@ -6,7 +6,6 @@ import { useGetXsignerSelected } from "@/hooks/xsignerSelected/useGetXsignerSele
 
 export default function TxPage() {
   const { xSignerSelected } = useGetXsignerSelected();
-
   if (!xSignerSelected) {
     return <FallbackSpinner />;
   }