diff --git a/packages/react/stories/staking/staking-asset-header.stories.tsx b/packages/react/stories/staking/staking-asset-header.stories.tsx index 9b22904c..378278e5 100644 --- a/packages/react/stories/staking/staking-asset-header.stories.tsx +++ b/packages/react/stories/staking/staking-asset-header.stories.tsx @@ -1,7 +1,13 @@ import type { Meta, StoryObj } from "@storybook/react"; +import { asset_list, assets } from "@chain-registry/osmosis"; +import { getAssetByDenom } from "@chain-registry/utils"; +import { Asset as OsmosisAsset } from "@chain-registry/types"; import StakingAssetHeader from "../../src/ui/staking-asset-header"; +const osmosisAssets: OsmosisAsset[] = [...assets.assets, ...asset_list.assets]; +const OSMO = getAssetByDenom(osmosisAssets, "uosmo"); + const meta: Meta = { component: StakingAssetHeader, title: "staking/StakingAssetHeader", @@ -15,9 +21,8 @@ type Story = StoryObj; export const Primary: Story = { args: { - imgSrc: - "https://raw.githubusercontent.com/cosmos/chain-registry/master/agoric/images/bld.png", - symbol: "JUNO", + imgSrc: OSMO.logo_URIs?.png, + symbol: OSMO.symbol, totalAmount: 232.2898, totalPrice: 1013, available: 89.231,