certusone
/
oyster
mirror of https://github.com/certusone/oyster.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Agregated table data by asset address

This commit is contained in:
juan 2021-03-05 17:10:22 -05:00
parent 57ae39e07b
commit 8bc298c4fd
1 changed files with 13 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
packages/bridge/src/views/home/index.tsx
View File

@ -23,8 +23,9 @@ export const HomeView = () => {
const {coinList} = useCoingecko(); const {coinList} = useCoingecko();
const dataSourcePriceQuery = useCallback(async () => { const dataSourcePriceQuery = useCallback(async () => {
const tempDataSources: any[] = []; const tempDataSources = new Map();
const tempTotalPerCoin = new Map(); const tempTotalPerCoin = new Map();
const tempTotalPerAsset = new Map();
for (const index in lockedSolanaAccounts) { for (const index in lockedSolanaAccounts) {
const acc = lockedSolanaAccounts[index]; const acc = lockedSolanaAccounts[index];
@ -42,26 +43,26 @@ export const HomeView = () => {
} else { } else {
tempTotalPerCoin.set(acc.symbol, {amount: acc.amount, amountInUSD: price * acc.amount}) tempTotalPerCoin.set(acc.symbol, {amount: acc.amount, amountInUSD: price * acc.amount})
} }
tempTotalPerAsset.set(
tempDataSources.push({ acc.parsedAssetAddress,
(tempTotalPerAsset.get(acc.parsedAssetAddress) || 0) + acc.amount
)
tempDataSources.set(acc.parsedAssetAddress, {
key: index.toString(), key: index.toString(),
symbol: <div>{acc.assetIcon} {acc.symbol}</div>, symbol: <div>{acc.assetIcon} {acc.symbol}</div>,
name: acc.name, name: acc.name,
amount: acc.amount, amount: tempTotalPerAsset.get(acc.parsedAssetAddress),
price: price, price: price,
amountInUSD: `$${price * acc.amount}`, amountInUSD: `$${tempTotalPerAsset.get(acc.parsedAssetAddress) * price}`,
assetAddress: acc.parsedAccount.assetChain === ASSET_CHAIN.Solana ? assetAddress: acc.parsedAccount.assetChain === ASSET_CHAIN.Solana ?
<ExplorerLink address={acc.parsedAssetAddress} type={"address"} length={5} /> : <ExplorerLink address={acc.parsedAssetAddress} type={"address"} length={5} /> :
<EtherscanLink address={acc.parsedAssetAddress} type={"address"} length={5} />, <EtherscanLink address={acc.parsedAssetAddress} type={"address"} length={5} />,
sourceAddress: <ExplorerLink address={acc.sourceAddress} type={"address"} length={5} />,
targetAddress: acc.parsedAccount.toChain === ASSET_CHAIN.Solana ?
<ExplorerLink address={acc.targetAddress} type={"address"} length={5} /> :
<EtherscanLink address={acc.targetAddress} type={"address"} length={5} />,
}); });
} }
setDataSource(tempDataSources); const dataSourceValues = Array.from(tempDataSources.values())
setDataSource(dataSourceValues);
setTotalPerCoin(tempTotalPerCoin); setTotalPerCoin(tempTotalPerCoin);
setTotal(tempDataSources.reduce((acc, source) => acc + source.amount * source.price, 0)); setTotal(dataSourceValues.reduce((acc, source) => acc + source.amount * source.price, 0));
coingeckoTimer.current = window.setTimeout( coingeckoTimer.current = window.setTimeout(
() => dataSourcePriceQuery(), () => dataSourcePriceQuery(),
COINGECKO_POOL_INTERVAL COINGECKO_POOL_INTERVAL
@ -102,17 +103,7 @@ export const HomeView = () => {
title: 'Asset Address', title: 'Asset Address',
dataIndex: 'assetAddress', dataIndex: 'assetAddress',
key: 'assetAddress', key: 'assetAddress',
}, }
{
title: 'Source Address',
dataIndex: 'sourceAddress',
key: 'sourceAddress',
},
{
title: 'Target Address',
dataIndex: 'targetAddress',
key: 'targetAddress',
},
]; ];
return ( return (