@sky-mavis/tanto-widget/dist/cjs/views/Profile/Profile.cjs

Tanto Widget

'use strict';

var jsxRuntime = require('@emotion/react/jsx-runtime');
var wagmi = require('wagmi');
var Avatar = require('../../components/avatar/Avatar.cjs');
var Box = require('../../components/box/Box.cjs');
var useRnsName = require('../../hooks/useRnsName.cjs');
var AddressDisplay = require('./components/AddressDisplay.cjs');
var BalanceDisplay = require('./components/BalanceDisplay.cjs');
var DisconnectButton = require('./components/DisconnectButton.cjs');

function Profile() {
  const {
    isConnected,
    address,
    chainId
  } = wagmi.useAccount();
  const {
    data: balanceData,
    isLoading
  } = wagmi.useBalance({
    address,
    chainId
  });
  const {
    data: rns
  } = useRnsName.useRnsName({
    address
  });
  const normalizedAddress = address?.toLowerCase();
  return jsxRuntime.jsxs(Box.Box, {
    vertical: true,
    align: "center",
    gap: 32,
    children: [jsxRuntime.jsxs(Box.Box, {
      vertical: true,
      align: "center",
      gap: 20,
      children: [jsxRuntime.jsx(Avatar.Avatar, {
        seed: normalizedAddress,
        size: "XXL",
        showDot: isConnected
      }), jsxRuntime.jsxs(Box.Box, {
        vertical: true,
        align: "center",
        gap: 8,
        children: [jsxRuntime.jsx(AddressDisplay.AddressDisplay, {
          rns: rns,
          address: address
        }), jsxRuntime.jsx(BalanceDisplay.BalanceDisplay, {
          isLoading: isLoading,
          balanceData: balanceData
        })]
      })]
    }), jsxRuntime.jsx(DisconnectButton.DisconnectButton, {})]
  });
}

exports.Profile = Profile;