From 67aca76e4c39707b78e1695e00165be812e178bf Mon Sep 17 00:00:00 2001
From: Xiang Li <xiangli5699@gmail.com>
Date: Tue, 2 May 2023 01:24:33 +0800
Subject: [PATCH] Import image as source for revue logo

---
 .../react-mutation-mapper/src/component/revue/Revue.tsx   | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/packages/react-mutation-mapper/src/component/revue/Revue.tsx b/packages/react-mutation-mapper/src/component/revue/Revue.tsx
index 9b39c25c2ed..d178df1fcb8 100644
--- a/packages/react-mutation-mapper/src/component/revue/Revue.tsx
+++ b/packages/react-mutation-mapper/src/component/revue/Revue.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import { DefaultTooltip } from 'cbioportal-frontend-commons';
 import { Vues as VUE } from 'genome-nexus-ts-api-client';
 import annotationStyles from '../column/annotation.module.scss';
+import revueLogo from '../../images/vue_logo.png';
 
 export const RevueTooltipContent: React.FunctionComponent<{
     vue: VUE;
@@ -59,12 +60,7 @@ export const RevueCell: React.FunctionComponent<{
                 className={`${annotationStyles['annotation-item']}`}
                 style={{ display: 'inline-flex' }}
             >
-                <img
-                    src={'../../images/vue_logo.png'}
-                    alt="reVUE logo"
-                    width={14}
-                    height={14}
-                />
+                <img src={revueLogo} alt="reVUE logo" width={14} height={14} />
             </span>
         </DefaultTooltip>
     );