Merge pull request #106 from near/sign-corrections

Sign corrections
near · Nov 7, 2023 · 96feec1 · 96feec1
2 parents 602b660 + 1eb01d2
commit 96feec1
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/src/components/Sign/Sign.tsx b/src/components/Sign/Sign.tsx
@@ -65,7 +65,7 @@ interface TransactionDetails {
 export const calculateGasLimit = (actions) => actions
   .filter((a) => Object.keys(a)[0] === 'functionCall')
   .map((a) => a.functionCall.gas)
-  .reduce((totalGas, gas) => totalGas.add(gas), new BN(0))
+  .reduce((totalGas, gas) => totalGas.add(gas), new BN(0)).div(new BN('1000000000000'))
   .toString();
 
 function Sign() {
@@ -257,12 +257,12 @@ function Sign() {
               <TableContent
               // eslint-disable-next-line
                 key={i}
-                leftSide={transactionDetails.receiverId}
+                leftSide={transactionDetails.transactions[i].receiverId}
                 hasFunctionCall
                 isFunctionCallOpen
                 rightSide={formatActionType(action.enum)}
-                functionDesc={<pre>{JSON.stringify(action, null, 2)}</pre>}
-                openLink={`${network.explorerUrl}/accounts/${transactionDetails.receiverId}`}
+                functionDesc={action.functionCall.args}
+                openLink={`${network.explorerUrl}/accounts/${transactionDetails.transactions[i].receiverId}`}
               />
             ))}
           </div>

diff --git a/src/components/TableContent/TableContent.styles.ts b/src/components/TableContent/TableContent.styles.ts
@@ -57,6 +57,7 @@ const TableContentWrapper = styled.div.attrs<check>(({ hasFunctionCall }) => {
     background-color: #f9f9f8;
     padding: 12px;
     overflow-wrap: anywhere;
+    width: 100%;
   }
 
   .left-side {

diff --git a/src/components/TableContent/TableContent.tsx b/src/components/TableContent/TableContent.tsx
@@ -68,7 +68,12 @@ function TableContent({
         )}
       </div>
       {isFunctionCallOpen && functionDesc && methodDetails ? (
-        <div className="function-desc">{functionDesc}</div>
+        <div className="function-desc">
+          <pre>
+            Arguments:&nbsp;
+            {JSON.stringify(JSON.parse(Buffer.from(functionDesc).toString()), null, 2)}
+          </pre>
+        </div>
       ) : null}
     </TableContentWrapper>
   );