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

Tanto Widget

import {jsxs,jsx}from'@emotion/react/jsx-runtime';import {useAccount,useBalance}from'wagmi';import {Avatar}from'../../components/avatar/Avatar.mjs';import {Box}from'../../components/box/Box.mjs';import {useRnsName}from'../../hooks/useRnsName.mjs';import {AddressDisplay}from'./components/AddressDisplay.mjs';import {BalanceDisplay}from'./components/BalanceDisplay.mjs';import {DisconnectButton}from'./components/DisconnectButton.mjs';function Profile() {
  const {
    isConnected,
    address,
    chainId
  } = useAccount();
  const {
    data: balanceData,
    isLoading
  } = useBalance({
    address,
    chainId
  });
  const {
    data: rns
  } = useRnsName({
    address
  });
  const normalizedAddress = address?.toLowerCase();
  return jsxs(Box, {
    vertical: true,
    align: "center",
    gap: 32,
    children: [jsxs(Box, {
      vertical: true,
      align: "center",
      gap: 20,
      children: [jsx(Avatar, {
        seed: normalizedAddress,
        size: "XXL",
        showDot: isConnected
      }), jsxs(Box, {
        vertical: true,
        align: "center",
        gap: 8,
        children: [jsx(AddressDisplay, {
          rns: rns,
          address: address
        }), jsx(BalanceDisplay, {
          isLoading: isLoading,
          balanceData: balanceData
        })]
      })]
    }), jsx(DisconnectButton, {})]
  });
}export{Profile};