From 385e66f6aae813a8d375683876187150b4f111a8 Mon Sep 17 00:00:00 2001
From: Klaus Eckelt <Klaus.Eckelt@jku.at>
Date: Mon, 25 Sep 2023 09:53:13 +0200
Subject: [PATCH] fix non working gene data

---
 src/Taskview/SearchBar.ts | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/Taskview/SearchBar.ts b/src/Taskview/SearchBar.ts
index b9e4a7b..608f9d6 100644
--- a/src/Taskview/SearchBar.ts
+++ b/src/Taskview/SearchBar.ts
@@ -1,7 +1,7 @@
 import { select } from 'd3v7';
 import { IServerColumn } from 'visyn_core/base';
 import { IdTextPair, RestBaseUtils } from 'tdp_core';
-import { dataTypes, depletion, IDataSubtypeConfig, IDataTypeConfig } from 'tdp_publicdb';
+import { dataTypes, depletion, IDataSubtypeConfig, IDataTypeConfig, mutation } from 'tdp_publicdb';
 import { colors } from '../config/colors';
 import { deepCopy, getAnimatedLoadingText, log } from '../util';
 import { niceName } from '../utils/labels';
@@ -297,17 +297,19 @@ export class SearchBar {
         }
       })
       .on('mouseover', (event, d) => {
+        // store in separate variable to keep the reference around for the mouseOverHandlers
+        const hoveredElement = event.currentTarget as HTMLElement;
         if (d.optionType === 'gene') {
           // set global optionId
           this._geneHoverOptionId = d.optionId;
           setTimeout(() => {
             // update detail after timeout time global and current optionId is equal
             if (d.optionId === this._geneHoverOptionId) {
-              this._mouseOverHandler(d, event.currentTarget);
+              this._mouseOverHandler(d, hoveredElement);
             }
           }, 200);
         } else {
-          this._mouseOverHandler(d, event.currentTarget);
+          this._mouseOverHandler(d, hoveredElement);
         }
       })
       .on('mouseout', (event, d) => {
@@ -934,7 +936,7 @@ export class SearchBar {
           .html((v: IDataSubtypeConfig) => v.name)
           .on('click', (event, v: IDataSubtypeConfig) => {
             // merge subtype with the with d as the d.name is only available in the d variable
-            const dataSubType = { ...d, v };
+            const dataSubType = { ...d, ...v };
             const badgeName = this._composeGeneDataTypeName(data.optionText, dataSubType.name);
             const badgeData = deepCopy(data);
             badgeData.optionData = { subType: dataSubType, type: (dataSubType as any).dataTypeId };