cerc-io/laconic-wallet-web
17
0
Fork 2
Code Issues 1 Pull Requests Actions Packages Projects Releases 3 Wiki Activity

Set event for tx success

Browse Source
This commit is contained in:
Isha 2024-11-08 10:01:31 +05:30
parent f82ff49d77
commit 08711b50d6
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/screens/WalletEmbed.tsx
View File

@ -1,4 +1,4 @@
import React, { useEffect, useState, useCallback } from 'react'; import React, { useEffect, useState, useCallback, useRef } from 'react';
import { ScrollView, View } from 'react-native'; import { ScrollView, View } from 'react-native';
import { import {
@ -32,6 +32,7 @@ export const WalletEmbed = () => {
const [gasLimit, setGasLimit] = useState(''); const [gasLimit, setGasLimit] = useState('');
const [isTxLoading, setIsTxLoading] = useState(false); const [isTxLoading, setIsTxLoading] = useState(false);
const [txError, setTxError] = useState<string | null>(null); const [txError, setTxError] = useState<string | null>(null);
const txEventRef = useRef<MessageEvent | null>(null);
const { networksData } = useNetworks(); const { networksData } = useNetworks();
@ -117,6 +118,8 @@ export const WalletEmbed = () => {
const handleTxRequested = async (event: MessageEvent) => { const handleTxRequested = async (event: MessageEvent) => {
if (event.data.type !== 'REQUEST_TX') return; if (event.data.type !== 'REQUEST_TX') return;
txEventRef.current = event;
const { chainId, fromAddress, toAddress, amount } = event.data; const { chainId, fromAddress, toAddress, amount } = event.data;
const network = networksData.find( const network = networksData.find(
net => net.chainId === chainId net => net.chainId === chainId
@ -200,7 +203,7 @@ export const WalletEmbed = () => {
useEffect(() => { useEffect(() => {
window.addEventListener('message', handleTxRequested); window.addEventListener('message', handleTxRequested);
return () => window.removeEventListener('message', handleTxRequested); return () => window.removeEventListener('message', handleTxRequested);
}, [networksData]); }, [networksData, handleTxRequested]);
const acceptRequestHandler = async () => { const acceptRequestHandler = async () => {
try { try {
@ -240,7 +243,12 @@ export const WalletEmbed = () => {
fee fee
); );
sendMessage(window, 'TRANSACTION_SUCCESS', txResult.transactionHash, '*'); const event = txEventRef.current;
if (event?.source) {
sendMessage(event.source as Window, 'TRANSACTION_SUCCESS', txResult.transactionHash, '*');
} else {
console.error('No event source available to send message');
}
} catch (error) { } catch (error) {
console.error('Transaction error:', error); console.error('Transaction error:', error);
setTxError('Transaction failed'); setTxError('Transaction failed');