diff --git a/packages/sections/src/evidence/EVA/Body.jsx b/packages/sections/src/evidence/EVA/Body.jsx index 5b8a41d31..ab6dd0e6d 100644 --- a/packages/sections/src/evidence/EVA/Body.jsx +++ b/packages/sections/src/evidence/EVA/Body.jsx @@ -13,6 +13,7 @@ import { ClinvarStars, DirectionOfEffectIcon, DirectionOfEffectTooltip, + DisplayVariantId, } from "ui"; import { @@ -110,16 +111,20 @@ function getColumns(label) { { id: "variantId", label: "Variant", - renderCell: ({ variant: { id: variantId } }) => - // trim long IDs and append '...' - variantId ? ( - <> - {variantId.substring(0, 20)} - {variantId.length > 20 ? "\u2026" : ""} - - ) : ( - naLabel - ), + renderCell: ({ variant }) => { + if (!variant) return naLabel; + const { id: variantId, referenceAllele, alternateAllele } = variant; + return ( + + + + ); + }, }, { id: "variantRsId", @@ -139,8 +144,8 @@ function getColumns(label) { { id: "variantHgvsId", label: "HGVS ID", - renderCell: ({ variant }) => variant.hgvsId || naLabel, - filterValue: ({ variant }) => `${variant.hgvsId}`, + renderCell: ({ variant }) => variant?.hgvsId || naLabel, + filterValue: ({ variant }) => `${variant?.hgvsId}`, }, { id: "studyId", diff --git a/packages/sections/src/evidence/EVA/ClinvarQuery.gql b/packages/sections/src/evidence/EVA/ClinvarQuery.gql index 42951c3a9..a22ab4877 100644 --- a/packages/sections/src/evidence/EVA/ClinvarQuery.gql +++ b/packages/sections/src/evidence/EVA/ClinvarQuery.gql @@ -22,6 +22,8 @@ query ClinvarQuery($ensemblId: String!, $efoId: String!, $size: Int!, $cursor: S variant { id hgvsId + referenceAllele + alternateAllele } variantEffect directionOnTrait