From 31aa12ce169e0060b54ab9d19e0974be7a0e91e6 Mon Sep 17 00:00:00 2001
From: laemtl <laetitia.fesselier@mail.mcgill.ca>
Date: Tue, 22 Nov 2022 05:32:28 +0000
Subject: [PATCH] Channel clipPath bugfix

---
 .../src/series/components/LineChunk.tsx                       | 4 +++-
 .../src/series/components/SeriesRenderer.tsx                  | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/LineChunk.tsx b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/LineChunk.tsx
index d726698c97c..effb939efd6 100644
--- a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/LineChunk.tsx
+++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/LineChunk.tsx
@@ -60,6 +60,7 @@ type CProps = {
   seriesRange: [number, number],
   amplitudeScale: number,
   scales: [ScaleLinear<number, number, never>, ScaleLinear<number, number, never>],
+  fileID: number,
   color?: string
 };
 
@@ -71,6 +72,7 @@ const LineChunk = ({
   seriesRange,
   amplitudeScale,
   scales,
+  fileID,
   color,
   ...rest
 }: CProps) => {
@@ -93,7 +95,7 @@ const LineChunk = ({
 
   return (
     <Group
-      style={{clipPath: 'url(#lineChunk)'}}
+      style={{clipPath: 'url(#lineChunk-' + fileID + ')'}}
       top={-p0[1]}
     >
       <Group
diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/SeriesRenderer.tsx b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/SeriesRenderer.tsx
index 5904c976064..da99c648edd 100644
--- a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/SeriesRenderer.tsx
+++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/SeriesRenderer.tsx
@@ -245,7 +245,7 @@ const SeriesRenderer: FunctionComponent<CProps> = ({
 
     return (
       <>
-        <clipPath id='lineChunk' clipPathUnits='userSpaceOnUse'>
+        <clipPath id={'lineChunk-' + fileID} clipPathUnits='userSpaceOnUse'>
           <rect
             x={-viewerWidth / 2}
             y={-viewerHeight / (2 * MAX_CHANNELS)}