Channel clipPath bugfix

aces · Nov 22, 2022 · 31aa12c · 31aa12c
1 parent 7b91931
commit 31aa12c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/...lectrophysiology_browser/jsx/react-series-data-viewer/src/series/components/LineChunk.tsx b/...lectrophysiology_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/...ophysiology_browser/jsx/react-series-data-viewer/src/series/components/SeriesRenderer.tsx b/...ophysiology_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)}