@sky-mavis/tanto-widget
Version:
Tanto Widget
16 lines • 842 B
JavaScript
import {jsx}from'@emotion/react/jsx-runtime';import {useContext,useCallback}from'react';import {useDisconnect}from'wagmi';import {Button}from'../../../components/button/Button.mjs';import {VISIBILITY_TRANSITION_DURATION}from'../../../constants/index.mjs';import {WidgetModalContext}from'../../../contexts/widget-modal/WidgetModalContext.mjs';function DisconnectButton() {
const {
disconnect
} = useDisconnect();
const widgetModalContext = useContext(WidgetModalContext);
const handleDisconnect = useCallback(() => {
if (widgetModalContext) widgetModalContext.hide();
setTimeout(disconnect, VISIBILITY_TRANSITION_DURATION);
}, [widgetModalContext, disconnect]);
return jsx(Button, {
fullWidth: true,
intent: "secondary",
onClick: handleDisconnect,
children: "Disconnect"
});
}export{DisconnectButton};