@sky-mavis/tanto-widget/dist/cjs/views/profile/components/DisconnectButton.cjs

Tanto Widget

'use strict';

var jsxRuntime = require('@emotion/react/jsx-runtime');
var react = require('react');
var wagmi = require('wagmi');
var Button = require('../../../components/button/Button.cjs');
var constants = require('../../../constants.cjs');
var WidgetModalContext = require('../../../contexts/widget-modal/WidgetModalContext.cjs');
var useIsMobileView = require('../../../hooks/useIsMobileView.cjs');

function DisconnectButton() {
  const isMobile = useIsMobileView.useIsMobileView();
  const {
    disconnect
  } = wagmi.useDisconnect();
  const widgetModalContext = react.useContext(WidgetModalContext.WidgetModalContext);
  const handleDisconnect = react.useCallback(() => {
    if (widgetModalContext) widgetModalContext.hide();
    setTimeout(disconnect, isMobile ? constants.DRAWER_VISIBILITY_TRANSITION_DURATION : constants.DIALOG_VISIBILITY_TRANSITION_DURATION);
  }, [widgetModalContext, disconnect]);
  return jsxRuntime.jsx(Button.Button, {
    fullWidth: true,
    intent: "secondary",
    onClick: handleDisconnect,
    children: "Disconnect"
  });
}

exports.DisconnectButton = DisconnectButton;