@sky-mavis/tanto-widget
Version:
Tanto Widget
17 lines • 1.04 kB
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 {DRAWER_VISIBILITY_TRANSITION_DURATION,DIALOG_VISIBILITY_TRANSITION_DURATION}from'../../../constants.mjs';import {WidgetModalContext}from'../../../contexts/widget-modal/WidgetModalContext.mjs';import {useIsMobileView}from'../../../hooks/useIsMobileView.mjs';function DisconnectButton() {
const isMobile = useIsMobileView();
const {
disconnect
} = useDisconnect();
const widgetModalContext = useContext(WidgetModalContext);
const handleDisconnect = useCallback(() => {
if (widgetModalContext) widgetModalContext.hide();
setTimeout(disconnect, isMobile ? DRAWER_VISIBILITY_TRANSITION_DURATION : DIALOG_VISIBILITY_TRANSITION_DURATION);
}, [widgetModalContext, disconnect]);
return jsx(Button, {
fullWidth: true,
intent: "secondary",
onClick: handleDisconnect,
children: "Disconnect"
});
}export{DisconnectButton};