@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 index = require('../../../constants/index.cjs');
var WidgetModalContext = require('../../../contexts/widget-modal/WidgetModalContext.cjs');

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

exports.DisconnectButton = DisconnectButton;