diff --git a/libs/assets/src/lib/asset-details-dialog.spec.tsx b/libs/assets/src/lib/asset-details-dialog.spec.tsx index 69cb9d24f..3d080abf2 100644 --- a/libs/assets/src/lib/asset-details-dialog.spec.tsx +++ b/libs/assets/src/lib/asset-details-dialog.spec.tsx @@ -3,7 +3,7 @@ import { render, screen } from '@testing-library/react'; import * as Schema from '@vegaprotocol/types'; import { AssetDetailsDialog } from './asset-details-dialog'; import { AssetDetail, testId } from './asset-details-table'; -import { AssetsDocument } from './__generated__/Assets'; +import { AssetDocument } from './__generated__/Asset'; import { generateBuiltinAsset, generateERC20Asset } from './test-helpers'; const mockedData = { @@ -39,15 +39,17 @@ const mockedData = { }, }; -const mocks = [ - { - request: { - query: AssetsDocument, - variables: {}, - }, - result: mockedData, +const mocks = mockedData.data.assetsConnection.edges.map((mock) => ({ + request: { + query: AssetDocument, + variables: { assetId: mock.node.id }, }, -]; + result: { + data: { + assetsConnection: { edges: [mock] }, + }, + }, +})); const WrappedAssetDetailsDialog = ({ assetId }: { assetId: string }) => ( diff --git a/libs/assets/src/lib/asset-details-dialog.tsx b/libs/assets/src/lib/asset-details-dialog.tsx index 168fc3399..f1bf66e39 100644 --- a/libs/assets/src/lib/asset-details-dialog.tsx +++ b/libs/assets/src/lib/asset-details-dialog.tsx @@ -1,5 +1,4 @@ import { t } from '@vegaprotocol/i18n'; -import { useAssetsDataProvider } from './assets-data-provider'; import { Button, Dialog, @@ -10,6 +9,7 @@ import { import { create } from 'zustand'; import { AssetDetailsTable } from './asset-details-table'; import { AssetProposalNotification } from '@vegaprotocol/proposals'; +import { useAssetDataProvider } from './asset-data-provider'; export type AssetDetailsDialogStore = { isOpen: boolean; @@ -55,9 +55,8 @@ export const AssetDetailsDialog = ({ onChange, asJson = false, }: AssetDetailsDialogProps) => { - const { data } = useAssetsDataProvider(); + const { data: asset } = useAssetDataProvider(assetId); - const asset = data?.find((a) => a.id === assetId); const assetSymbol = asset?.symbol || ''; const content = asset ? (