mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 01:39:44 +01:00
80 lines
1.9 KiB
JavaScript
80 lines
1.9 KiB
JavaScript
import { useState, useEffect } from 'react';
|
|
import { useSelector, useDispatch } from 'react-redux';
|
|
import { getCollectibles } from '../ducks/metamask/metamask';
|
|
import { getAssetDetails } from '../helpers/utils/token-util';
|
|
import { hideLoadingIndication, showLoadingIndication } from '../store/actions';
|
|
import { usePrevious } from './usePrevious';
|
|
|
|
export function useAssetDetails(tokenAddress, userAddress, transactionData) {
|
|
const dispatch = useDispatch();
|
|
// state selectors
|
|
const collectibles = useSelector(getCollectibles);
|
|
|
|
// in-hook state
|
|
const [currentAsset, setCurrentAsset] = useState(null);
|
|
|
|
// previous state checkers
|
|
const prevTokenAddress = usePrevious(tokenAddress);
|
|
const prevUserAddress = usePrevious(userAddress);
|
|
const prevTransactionData = usePrevious(transactionData);
|
|
|
|
useEffect(() => {
|
|
async function getAndSetAssetDetails() {
|
|
dispatch(showLoadingIndication());
|
|
const assetDetails = await getAssetDetails(
|
|
tokenAddress,
|
|
userAddress,
|
|
transactionData,
|
|
collectibles,
|
|
);
|
|
setCurrentAsset(assetDetails);
|
|
dispatch(hideLoadingIndication());
|
|
}
|
|
if (
|
|
tokenAddress !== prevTokenAddress ||
|
|
userAddress !== prevUserAddress ||
|
|
transactionData !== prevTransactionData
|
|
) {
|
|
getAndSetAssetDetails();
|
|
}
|
|
}, [
|
|
dispatch,
|
|
prevTokenAddress,
|
|
prevTransactionData,
|
|
prevUserAddress,
|
|
tokenAddress,
|
|
userAddress,
|
|
transactionData,
|
|
collectibles,
|
|
]);
|
|
|
|
if (currentAsset) {
|
|
const {
|
|
standard,
|
|
symbol,
|
|
image,
|
|
name,
|
|
balance,
|
|
tokenId,
|
|
toAddress,
|
|
tokenAmount,
|
|
decimals,
|
|
} = currentAsset;
|
|
|
|
return {
|
|
toAddress,
|
|
tokenId,
|
|
decimals,
|
|
tokenAmount,
|
|
assetAddress: tokenAddress,
|
|
assetStandard: standard,
|
|
tokenSymbol: symbol ?? '',
|
|
tokenImage: image,
|
|
userBalance: balance,
|
|
assetName: name,
|
|
};
|
|
}
|
|
|
|
return {};
|
|
}
|