@lifi/widget
Version:
LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.
24 lines • 1.26 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
import { BottomSheet } from '../BottomSheet/BottomSheet.js';
import { TokenDetailsSheetContent } from './TokenDetailsSheetContent.js';
export const TokenDetailsSheet = forwardRef((_, ref) => {
const bottomSheetRef = useRef(null);
const [tokenAddress, setTokenAddress] = useState(undefined);
const [chainId, setChainId] = useState(undefined);
const [withoutContractAddress, setWithoutContractAddress] = useState(false);
useImperativeHandle(ref, () => ({
isOpen: () => bottomSheetRef.current?.isOpen(),
open: (address, noContractAddress, chainId) => {
setTokenAddress(address);
setWithoutContractAddress(noContractAddress);
setChainId(chainId);
bottomSheetRef.current?.open();
},
close: () => {
bottomSheetRef.current?.close();
},
}), []);
return (_jsx(BottomSheet, { ref: bottomSheetRef, keepMounted: true, children: _jsx(TokenDetailsSheetContent, { ref: ref, tokenAddress: tokenAddress, withoutContractAddress: withoutContractAddress, chainId: chainId }) }));
});
//# sourceMappingURL=TokenDetailsSheet.js.map