From f79cf440cd490aebeaaee5aad24c90c35270c000 Mon Sep 17 00:00:00 2001
From: Susanna Kiwala <susanna.kiwala@wustl.edu>
Date: Wed, 9 Oct 2024 08:25:30 -0500
Subject: [PATCH] Add VICC compliant name to variant popovers and variant cards

---
 ...olecular-profile-fusion-variant-card.component.html | 10 ++++++++--
 .../variant-popover/variant-popover.component.html     |  7 +++++++
 .../variants/variant-popover/variant-popover.query.gql |  3 +++
 client/src/app/generated/civic.apollo.ts               |  7 +++++--
 4 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/client/src/app/components/molecular-profiles/molecular-profile-fusion-variant-card/molecular-profile-fusion-variant-card.component.html b/client/src/app/components/molecular-profiles/molecular-profile-fusion-variant-card/molecular-profile-fusion-variant-card.component.html
index 7fe977bb3..3b8d4c3ee 100644
--- a/client/src/app/components/molecular-profiles/molecular-profile-fusion-variant-card/molecular-profile-fusion-variant-card.component.html
+++ b/client/src/app/components/molecular-profiles/molecular-profile-fusion-variant-card/molecular-profile-fusion-variant-card.component.html
@@ -14,7 +14,7 @@
     <nz-row [nzGutter]="[8, 16]">
       <nz-col [nzSpan]="24">
         <nz-row [nzGutter]="[8, 8]">
-          <!-- gene attributes block -->
+          <!-- fusion variant attributes block -->
           <nz-col nzSpan="24">
             <nz-descriptions
               nzLayout="horizontal"
@@ -22,11 +22,17 @@
               [nzColumn]="4"
               nzBordered="true">
               <nz-descriptions-item
-                [nzSpan]="4"
+                [nzSpan]="2"
                 nzTitle="Fusion Variant">
                 <cvc-feature-variant-tag
                   [variant]="variant"></cvc-feature-variant-tag>
               </nz-descriptions-item>
+              <!-- VICC compliant name -->
+              <nz-descriptions-item
+                [nzSpan]="2"
+                nzTitle="VICC Compliant Name">
+                {{ variant.viccCompliantName }}
+              </nz-descriptions-item>
               <!-- aliases -->
               <nz-descriptions-item
                 [nzSpan]="2"
diff --git a/client/src/app/components/variants/variant-popover/variant-popover.component.html b/client/src/app/components/variants/variant-popover/variant-popover.component.html
index 9c1ede6e8..2c32733ae 100644
--- a/client/src/app/components/variants/variant-popover/variant-popover.component.html
+++ b/client/src/app/components/variants/variant-popover/variant-popover.component.html
@@ -23,6 +23,13 @@
         nzSize="small"
         [nzColumn]="2"
         nzBordered="true">
+        <!-- VICC compliant name -->
+        <nz-descriptions-item
+          nzTitle="VICC compliant name"
+          nzSpan="2"
+          *ngIf="variant.__typename == 'FusionVariant'">
+          {{ variant.viccCompliantName }}
+        </nz-descriptions-item>
         <!-- aliases -->
         <nz-descriptions-item
           nzTitle="Aliases"
diff --git a/client/src/app/components/variants/variant-popover/variant-popover.query.gql b/client/src/app/components/variants/variant-popover/variant-popover.query.gql
index 1e750c7db..7f5d56d55 100644
--- a/client/src/app/components/variants/variant-popover/variant-popover.query.gql
+++ b/client/src/app/components/variants/variant-popover/variant-popover.query.gql
@@ -11,6 +11,9 @@ fragment variantPopoverFields on VariantInterface {
   ... on GeneVariant {
     alleleRegistryId
   }
+  ... on FusionVariant {
+    viccCompliantName
+  }
   feature {
     id
     name
diff --git a/client/src/app/generated/civic.apollo.ts b/client/src/app/generated/civic.apollo.ts
index f85d64593..b095703be 100644
--- a/client/src/app/generated/civic.apollo.ts
+++ b/client/src/app/generated/civic.apollo.ts
@@ -8418,11 +8418,11 @@ export type VariantPopoverQueryVariables = Exact<{
 }>;
 
 
-export type VariantPopoverQuery = { __typename: 'Query', variant?: { __typename: 'FactorVariant', id: number, name: string, variantAliases: Array<string>, feature: { __typename: 'Feature', id: number, name: string, link: string, deprecated: boolean, flagged: boolean }, molecularProfiles: { __typename: 'MolecularProfileConnection', totalCount: number }, revisions: { __typename: 'RevisionConnection', totalCount: number }, comments: { __typename: 'CommentConnection', totalCount: number }, flags: { __typename: 'FlagConnection', totalCount: number } } | { __typename: 'FusionVariant', id: number, name: string, variantAliases: Array<string>, feature: { __typename: 'Feature', id: number, name: string, link: string, deprecated: boolean, flagged: boolean }, molecularProfiles: { __typename: 'MolecularProfileConnection', totalCount: number }, revisions: { __typename: 'RevisionConnection', totalCount: number }, comments: { __typename: 'CommentConnection', totalCount: number }, flags: { __typename: 'FlagConnection', totalCount: number } } | { __typename: 'GeneVariant', alleleRegistryId?: string | undefined, id: number, name: string, variantAliases: Array<string>, feature: { __typename: 'Feature', id: number, name: string, link: string, deprecated: boolean, flagged: boolean }, molecularProfiles: { __typename: 'MolecularProfileConnection', totalCount: number }, revisions: { __typename: 'RevisionConnection', totalCount: number }, comments: { __typename: 'CommentConnection', totalCount: number }, flags: { __typename: 'FlagConnection', totalCount: number } } | { __typename: 'Variant', id: number, name: string, variantAliases: Array<string>, feature: { __typename: 'Feature', id: number, name: string, link: string, deprecated: boolean, flagged: boolean }, molecularProfiles: { __typename: 'MolecularProfileConnection', totalCount: number }, revisions: { __typename: 'RevisionConnection', totalCount: number }, comments: { __typename: 'CommentConnection', totalCount: number }, flags: { __typename: 'FlagConnection', totalCount: number } } | undefined };
+export type VariantPopoverQuery = { __typename: 'Query', variant?: { __typename: 'FactorVariant', id: number, name: string, variantAliases: Array<string>, feature: { __typename: 'Feature', id: number, name: string, link: string, deprecated: boolean, flagged: boolean }, molecularProfiles: { __typename: 'MolecularProfileConnection', totalCount: number }, revisions: { __typename: 'RevisionConnection', totalCount: number }, comments: { __typename: 'CommentConnection', totalCount: number }, flags: { __typename: 'FlagConnection', totalCount: number } } | { __typename: 'FusionVariant', viccCompliantName: string, id: number, name: string, variantAliases: Array<string>, feature: { __typename: 'Feature', id: number, name: string, link: string, deprecated: boolean, flagged: boolean }, molecularProfiles: { __typename: 'MolecularProfileConnection', totalCount: number }, revisions: { __typename: 'RevisionConnection', totalCount: number }, comments: { __typename: 'CommentConnection', totalCount: number }, flags: { __typename: 'FlagConnection', totalCount: number } } | { __typename: 'GeneVariant', alleleRegistryId?: string | undefined, id: number, name: string, variantAliases: Array<string>, feature: { __typename: 'Feature', id: number, name: string, link: string, deprecated: boolean, flagged: boolean }, molecularProfiles: { __typename: 'MolecularProfileConnection', totalCount: number }, revisions: { __typename: 'RevisionConnection', totalCount: number }, comments: { __typename: 'CommentConnection', totalCount: number }, flags: { __typename: 'FlagConnection', totalCount: number } } | { __typename: 'Variant', id: number, name: string, variantAliases: Array<string>, feature: { __typename: 'Feature', id: number, name: string, link: string, deprecated: boolean, flagged: boolean }, molecularProfiles: { __typename: 'MolecularProfileConnection', totalCount: number }, revisions: { __typename: 'RevisionConnection', totalCount: number }, comments: { __typename: 'CommentConnection', totalCount: number }, flags: { __typename: 'FlagConnection', totalCount: number } } | undefined };
 
 type VariantPopoverFields_FactorVariant_Fragment = { __typename: 'FactorVariant', id: number, name: string, variantAliases: Array<string>, feature: { __typename: 'Feature', id: number, name: string, link: string, deprecated: boolean, flagged: boolean }, molecularProfiles: { __typename: 'MolecularProfileConnection', totalCount: number }, revisions: { __typename: 'RevisionConnection', totalCount: number }, comments: { __typename: 'CommentConnection', totalCount: number }, flags: { __typename: 'FlagConnection', totalCount: number } };
 
-type VariantPopoverFields_FusionVariant_Fragment = { __typename: 'FusionVariant', id: number, name: string, variantAliases: Array<string>, feature: { __typename: 'Feature', id: number, name: string, link: string, deprecated: boolean, flagged: boolean }, molecularProfiles: { __typename: 'MolecularProfileConnection', totalCount: number }, revisions: { __typename: 'RevisionConnection', totalCount: number }, comments: { __typename: 'CommentConnection', totalCount: number }, flags: { __typename: 'FlagConnection', totalCount: number } };
+type VariantPopoverFields_FusionVariant_Fragment = { __typename: 'FusionVariant', viccCompliantName: string, id: number, name: string, variantAliases: Array<string>, feature: { __typename: 'Feature', id: number, name: string, link: string, deprecated: boolean, flagged: boolean }, molecularProfiles: { __typename: 'MolecularProfileConnection', totalCount: number }, revisions: { __typename: 'RevisionConnection', totalCount: number }, comments: { __typename: 'CommentConnection', totalCount: number }, flags: { __typename: 'FlagConnection', totalCount: number } };
 
 type VariantPopoverFields_GeneVariant_Fragment = { __typename: 'GeneVariant', alleleRegistryId?: string | undefined, id: number, name: string, variantAliases: Array<string>, feature: { __typename: 'Feature', id: number, name: string, link: string, deprecated: boolean, flagged: boolean }, molecularProfiles: { __typename: 'MolecularProfileConnection', totalCount: number }, revisions: { __typename: 'RevisionConnection', totalCount: number }, comments: { __typename: 'CommentConnection', totalCount: number }, flags: { __typename: 'FlagConnection', totalCount: number } };
 
@@ -11019,6 +11019,9 @@ export const VariantPopoverFieldsFragmentDoc = gql`
   ... on GeneVariant {
     alleleRegistryId
   }
+  ... on FusionVariant {
+    viccCompliantName
+  }
   feature {
     id
     name