fix: using regex to find and replace whitespace to hyphens (#3738)

Co-authored-by: atarashansky <atarashansky@chanzuckerberg.com>
chanzuckerberg · Dec 14, 2022 · f8e1383 · f8e1383
1 parent 584f53b
commit f8e1383
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/frontend/src/views/WheresMyGene/components/HeatMap/components/YAxisChart/index.tsx b/frontend/src/views/WheresMyGene/components/HeatMap/components/YAxisChart/index.tsx
@@ -55,7 +55,7 @@ export default memo(function YAxisChart({
   generateMarkerGenes,
   selectedOrganismId,
 }: Props): JSX.Element {
-  const tissueKey = tissue.replace(" ", "-");
+  const tissueKey = tissue.replace(/\s+/g, "-");
   const yAxisSelectorQuery = `[data-test-id=cell-type-labels-${tissueKey}]`;
 
   const dispatch = useContext(DispatchContext);
@@ -75,7 +75,7 @@ export default memo(function YAxisChart({
   const isMarkerGenes = get(FEATURES.MARKER_GENES) === BOOLEAN.TRUE;
 
   const setInfoCoordinates = () => {
-    const topTissueKey = selectedTissues[0].replace(" ", "-");
+    const topTissueKey = selectedTissues[0].replace(/\s+/g, "-");
     const containerTop = document.querySelector(
       `[data-test-id=cell-type-labels-${topTissueKey}]`
     );