ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-22 04:35:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Upgrade browser wallet (js) deps

Browse Source
This commit is contained in:
mDuo13
2025-01-31 15:01:06 -08:00
parent 78f6a18ee1
commit 9b47c1b911
9 changed files with 308 additions and 363 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
_code-samples/build-a-browser-wallet/js/index.js
View File

@@ -36,21 +36,25 @@ txHistoryButton.addEventListener('click', () => {
});
// Fetch the wallet details
getWalletDetails({ client })
.then(({ account_data, accountReserves, xAddress, address }) => {
walletElement.querySelector('.wallet_address').textContent = `Wallet Address: ${account_data.Account}`;
walletElement.querySelector('.wallet_balance').textContent = `Wallet Balance: ${dropsToXrp(account_data.Balance)} XRP`;
walletElement.querySelector('.wallet_reserve').textContent = `Wallet Reserve: ${accountReserves} XRP`;
walletElement.querySelector('.wallet_xaddress').textContent = `X-Address: ${xAddress}`;
let wallet_details
try {
wallet_details = await getWalletDetails({ client })
} catch(error) {
alert(`Error loading wallet: ${error}.\n\nMake sure you set the SEED in your .env file.`)
return
}
const { account_data, accountReserve, xAddress, address } = wallet_details;
walletElement.querySelector('.wallet_address').textContent = `Wallet Address: ${account_data.Account}`;
walletElement.querySelector('.wallet_balance').textContent = `Wallet Balance: ${dropsToXrp(account_data.Balance)} XRP`;
walletElement.querySelector('.wallet_reserve').textContent = `Wallet Reserve: ${accountReserve} XRP`;
walletElement.querySelector('.wallet_xaddress').textContent = `X-Address: ${xAddress}`;
// Redirect on View More link click
walletElement.querySelector('#view_more_button').addEventListener('click', () => {
window.open(`https://${process.env.EXPLORER_NETWORK}.xrpl.org/accounts/${address}`, '_blank');
});
})
.finally(() => {
walletLoadingDiv.style.display = 'none';
});
// Redirect on View More link click
walletElement.querySelector('#view_more_button').addEventListener('click', () => {
window.open(`https://${process.env.EXPLORER_NETWORK}.xrpl.org/accounts/${address}`, '_blank');
});
walletLoadingDiv.style.display = 'none';
// Fetch the latest ledger details