@suiware/kit/dist/chunk-2RV4ZLPA.mjs.map

Opinionated React components and hooks for building Sui dApps.

{"version":3,"sources":["../src/components/Balance.tsx"],"names":[],"mappings":";;;;AAWA,IAAM,UAAU,MAAM;AACpB,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,mBAAW,EAAE,WAAA,EAAa,MAAM,CAAA;AAEpD,EAAA,IAAI,WAAW,IAAA,EAAM;AACnB,IAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAE,CAAA;AAAA,EACX;AAEA,EAAA,4BACG,KAAA,EAAA,EAAM,OAAA,EAAQ,WAAU,KAAA,EAAM,OAAA,EAAQ,WAAU,kBAAA,EAC9C,QAAA,EAAA;AAAA,IAAA,OAAA;AAAA,IAAQ;AAAA,GAAA,EACX,CAAA;AAEJ,CAAA;AAEA,IAAO,eAAA,GAAQ","file":"chunk-2RV4ZLPA.mjs","sourcesContent":["import { Badge } from '@radix-ui/themes'\nimport useBalance from '~~/hooks/useBalance'\n\n/**\n * The `Balance` component is used for displaying SUI balance for current user address on the currently active network.\n *\n * The balance is updated automatically with 3 second interval.\n * Please note the component doesn't display anything if user wallet is not connected.\n *\n * The component is using the useBalance hook to fetch the balance.\n */\nconst Balance = () => {\n  const { balance } = useBalance({ autoRefetch: true })\n\n  if (balance == null) {\n    return <></>\n  }\n\n  return (\n    <Badge variant=\"surface\" color=\"green\" className=\"sk-balance-badge\">\n      {balance} SUI\n    </Badge>\n  )\n}\n\nexport default Balance\n"]}