diff --git a/apps/minifront/src/components/shared/select-token-modal.tsx b/apps/minifront/src/components/shared/select-token-modal.tsx index 718b41d4af..000a91f5c7 100644 --- a/apps/minifront/src/components/shared/select-token-modal.tsx +++ b/apps/minifront/src/components/shared/select-token-modal.tsx @@ -9,9 +9,8 @@ import { Input, } from '@penumbra-zone/ui'; import { cn } from '@penumbra-zone/ui/lib/utils'; -import { AssetIcon } from '@penumbra-zone/ui/components/ui/tx/view/asset-icon'; import { ValueViewComponent } from '@penumbra-zone/ui/components/ui/tx/view/value'; -import { getAddressIndex, getDisplayDenomFromView, getMetadata } from '@penumbra-zone/getters'; +import { getAddressIndex } from '@penumbra-zone/getters'; import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb'; interface SelectTokenModalProps { @@ -27,17 +26,15 @@ export default function SelectTokenModal({ }: SelectTokenModalProps) { const [search, setSearch] = useState(''); - const displayDenom = getDisplayDenomFromView(selection?.balanceView); - const denomMetadata = getMetadata.optional()(selection?.balanceView); - return (
- {denomMetadata && } -

- {displayDenom} -

+
diff --git a/apps/minifront/src/components/swap/asset-out-box.tsx b/apps/minifront/src/components/swap/asset-out-box.tsx index 872d017184..e00dc45d69 100644 --- a/apps/minifront/src/components/swap/asset-out-box.tsx +++ b/apps/minifront/src/components/swap/asset-out-box.tsx @@ -58,7 +58,11 @@ export const AssetOutBox = ({ balances }: AssetOutBoxProps) => { ) : ( )} - +
diff --git a/apps/minifront/src/components/swap/asset-out-selector.tsx b/apps/minifront/src/components/swap/asset-out-selector.tsx index 4c11e4f5fc..c22b1f2928 100644 --- a/apps/minifront/src/components/swap/asset-out-selector.tsx +++ b/apps/minifront/src/components/swap/asset-out-selector.tsx @@ -1,12 +1,16 @@ import { Dialog, DialogClose, DialogContent, DialogHeader, DialogTrigger } from '@penumbra-zone/ui'; import { AssetIcon } from '@penumbra-zone/ui/components/ui/tx/view/asset-icon'; -import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb'; +import { + Metadata, + ValueView, +} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb'; import { localAssets } from '@penumbra-zone/constants'; import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb'; +import { ValueViewComponent } from '@penumbra-zone/ui/components/ui/tx/view/value'; interface AssetOutSelectorProps { balances: BalancesResponse[]; - assetOut: Metadata | undefined; + assetOut: ValueView | undefined; setAssetOut: (metadata: Metadata) => void; } @@ -16,10 +20,7 @@ export const AssetOutSelector = ({ balances, setAssetOut, assetOut }: AssetOutSe
- {assetOut?.display && } -

- {assetOut?.display} -

+