1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 15:35:46 +01:00
metamask-extension/ui/hooks/useMethodData.js

37 lines
1.4 KiB
JavaScript
Raw Normal View History

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
*/
2020-11-03 00:41:28 +01:00
export function useMethodData(data) {
const dispatch = useDispatch();
2020-11-03 00:41:28 +01:00
const knownMethodData = useSelector((state) =>
getKnownMethodData(state, data),
);
2020-11-03 00:41:28 +01:00
const getContractMethodData = useCallback(
(methodData) => dispatch(getContractMethodDataAction(methodData)),
[dispatch],
);
useEffect(() => {
if (data) {
getContractMethodData(data);
}
}, [getContractMethodData, data]);
return knownMethodData;
}