37 lines
1.4 KiB
JavaScript
37 lines
1.4 KiB
JavaScript
import { useEffect, useCallback } from 'react';
|
|
import { useDispatch, useSelector } from 'react-redux';
|
|
import { getContractMethodData as getContractMethodDataAction } from '../store/actions';
|
|
|
|
import { getKnownMethodData } from '../selectors/selectors';
|
|
|
|
/**
|
|
* Access known method data and attempt to resolve unknown method data
|
|
*
|
|
* encapsulates an effect that will fetch methodData when the component mounts,
|
|
* and subsequently anytime the provided data attribute changes. Note that
|
|
* the getContractMethodData action handles over-fetching prevention, first checking
|
|
* if the data is in the store and returning it directly. While using this hook
|
|
* in multiple places in a tree for the same data will create extra event ticks and
|
|
* hit the action more frequently, it should only ever result in a single store update
|
|
*
|
|
* @param {string} data - the transaction data to find method data for
|
|
* @returns {object} contract method data
|
|
*/
|
|
export function useMethodData(data) {
|
|
const dispatch = useDispatch();
|
|
const knownMethodData = useSelector((state) =>
|
|
getKnownMethodData(state, data),
|
|
);
|
|
const getContractMethodData = useCallback(
|
|
(methodData) => dispatch(getContractMethodDataAction(methodData)),
|
|
[dispatch],
|
|
);
|
|
|
|
useEffect(() => {
|
|
if (data) {
|
|
getContractMethodData(data);
|
|
}
|
|
}, [getContractMethodData, data]);
|
|
return knownMethodData;
|
|
}
|