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