@sky-mavis/tanto-widget
Version:
Tanto Widget
22 lines • 831 B
JavaScript
import {jsx}from'@emotion/react/jsx-runtime';import {useEffect}from'react';import {DELAY_CONNECT}from'../../constants.mjs';import {useWidgetConnect}from'../../contexts/widget-connect/useWidgetConnect.mjs';import {useConnectAndAuth}from'../../hooks/useConnectAndAuth.mjs';import {ConnectLayout}from'./components/ConnectLayout.mjs';function ConnectInjector() {
const {
selectedWallet,
selectedConnector
} = useWidgetConnect();
const {
status,
connect
} = useConnectAndAuth({
connector: selectedConnector
});
useEffect(() => {
const timer = setTimeout(connect, DELAY_CONNECT);
return () => clearTimeout(timer);
}, [connect]);
if (!selectedWallet) return null;
return jsx(ConnectLayout, {
wallet: selectedWallet,
status: status,
onRetry: connect
});
}export{ConnectInjector};