From 4216bce08b3afec45ea61d000baafe759fda545a Mon Sep 17 00:00:00 2001
From: Hana Snow <hsnow@broadinstitute.org>
Date: Tue, 18 Jul 2023 12:11:49 -0400
Subject: [PATCH] auu ui for clinvar conflictingPathogenicities

---
 ui/shared/components/panel/variants/Pathogenicity.jsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/shared/components/panel/variants/Pathogenicity.jsx b/ui/shared/components/panel/variants/Pathogenicity.jsx
index 59dd291565..7aaa4e2405 100644
--- a/ui/shared/components/panel/variants/Pathogenicity.jsx
+++ b/ui/shared/components/panel/variants/Pathogenicity.jsx
@@ -71,8 +71,14 @@ const clinvarUrl = (clinvar) => {
   return baseUrl + variantPath
 }
 
-const clinvarLabel = (pathogenicity, assertions) => {
+const clinvarLabel = (pathogenicity, assertions, conflictingPathogenicities) => {
   let label = snakecaseToTitlecase(pathogenicity)
+  if (conflictingPathogenicities && conflictingPathogenicities.length) {
+    const conflictingLabels = conflictingPathogenicities.map(
+      ({ pathogenicity: conflictingPath, count }) => `${snakecaseToTitlecase(conflictingPath)} (${count})`,
+    )
+    label = `${label} [${conflictingLabels.join('; ')}]`
+  }
   if (assertions && assertions.length) {
     label = `${label} (${assertions.map(snakecaseToTitlecase).join(', ')})`
   }
@@ -85,7 +91,7 @@ const Pathogenicity = React.memo(({ variant, showHgmd }) => {
   if ((clinvar.clinicalSignificance || clinvar.pathogenicity) && (clinvar.variationId || clinvar.alleleId)) {
     const { pathogenicity: clinvarPathogenicity, assertions, severity } = clinvarSignificance(clinvar)
     pathogenicity.push(['ClinVar', {
-      label: clinvarLabel(clinvarPathogenicity, assertions),
+      label: clinvarLabel(clinvarPathogenicity, assertions, clinvar.conflictingPathogenicities),
       color: clinvarColor(severity, 'red', 'orange', 'green'),
       href: clinvarUrl(clinvar),
       goldStars: clinvar.goldStars,