From 0046539bf2ecf62d7dfe0908770716bd24f0f01f Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Wed, 4 Aug 2021 16:42:39 +0530
Subject: [PATCH] fix(ui) - heatmaps index

---
 .../app/components/Session_/Player/Overlay/ElementsMarker.tsx | 2 +-
 .../Session_/Player/Overlay/ElementsMarker/Marker.tsx         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Session_/Player/Overlay/ElementsMarker.tsx b/frontend/app/components/Session_/Player/Overlay/ElementsMarker.tsx
index 99499cac6..0acb7716b 100644
--- a/frontend/app/components/Session_/Player/Overlay/ElementsMarker.tsx
+++ b/frontend/app/components/Session_/Player/Overlay/ElementsMarker.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import Marker from './ElementsMarker/Marker';
 
 export default function ElementsMarker({ targets, activeIndex }) {
-  return targets && targets.map(t => <Marker target={t} active={activeIndex === t.index}/>)
+  return targets && targets.map(t => <Marker target={t} active={activeIndex === t.index - 1}/>)
 }
 
 
diff --git a/frontend/app/components/Session_/Player/Overlay/ElementsMarker/Marker.tsx b/frontend/app/components/Session_/Player/Overlay/ElementsMarker/Marker.tsx
index 92568ff49..66ed9f2e7 100644
--- a/frontend/app/components/Session_/Player/Overlay/ElementsMarker/Marker.tsx
+++ b/frontend/app/components/Session_/Player/Overlay/ElementsMarker/Marker.tsx
@@ -18,8 +18,8 @@ export default function Marker({ target, active }: Props) {
     height: `${ target.boundingRect.height }px`,
   }  
   return (
-      <div className={ cn(stl.marker, { [stl.active] : active }) }  style={ style } onClick={() => activeTarget(target.index)}>
-        <div className={stl.index}>{target.index + 1}</div>
+      <div className={ cn(stl.marker, { [stl.active] : active }) }  style={ style } onClick={() => activeTarget(target.index - 1)}>
+        <div className={stl.index}>{target.index}</div>
         <Tooltip      
           open={active}
           arrow