From b3a8ff3ed16b4510c198cdba3017ea87d1a20949 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Thu, 5 Aug 2021 21:36:08 +0530
Subject: [PATCH] fix(ui) - heatmaps and reset token

---
 .../Session_/Player/Overlay/ElementsMarker.tsx   |  2 +-
 .../Player/Overlay/ElementsMarker/Marker.tsx     |  4 ++--
 frontend/app/duck/user.js                        |  1 +
 .../StatedScreen/StatedScreen.ts                 | 16 +++++++++-------
 4 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/frontend/app/components/Session_/Player/Overlay/ElementsMarker.tsx b/frontend/app/components/Session_/Player/Overlay/ElementsMarker.tsx
index 0acb7716b..99499cac6 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 - 1}/>)
+  return targets && targets.map(t => <Marker target={t} active={activeIndex === t.index}/>)
 }
 
 
diff --git a/frontend/app/components/Session_/Player/Overlay/ElementsMarker/Marker.tsx b/frontend/app/components/Session_/Player/Overlay/ElementsMarker/Marker.tsx
index 66ed9f2e7..92568ff49 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 - 1)}>
-        <div className={stl.index}>{target.index}</div>
+      <div className={ cn(stl.marker, { [stl.active] : active }) }  style={ style } onClick={() => activeTarget(target.index)}>
+        <div className={stl.index}>{target.index + 1}</div>
         <Tooltip      
           open={active}
           arrow
diff --git a/frontend/app/duck/user.js b/frontend/app/duck/user.js
index fc9fdcabf..eb848599f 100644
--- a/frontend/app/duck/user.js
+++ b/frontend/app/duck/user.js
@@ -49,6 +49,7 @@ const setClient = (state, data) => {
 
 const reducer = (state = initialState, action = {}) => {
   switch (action.type) {
+    case RESET_PASSWORD.SUCCESS:
     case UPDATE_PASSWORD.SUCCESS:
     case LOGIN.SUCCESS:
       return setClient(
diff --git a/frontend/app/player/MessageDistributor/StatedScreen/StatedScreen.ts b/frontend/app/player/MessageDistributor/StatedScreen/StatedScreen.ts
index e5b3c400c..26e2051c5 100644
--- a/frontend/app/player/MessageDistributor/StatedScreen/StatedScreen.ts
+++ b/frontend/app/player/MessageDistributor/StatedScreen/StatedScreen.ts
@@ -101,21 +101,23 @@ export default class StatedScreen extends Screen {
   setMarkedTargets(selections: { selector: string, count: number }[] | null) {
     if (selections) {
       const targets: MarkedTarget[] = [];      
-      const totalCount = selections.reduce((a, b) => {
-        return a + b.count
-      }, 0);      
-      selections.forEach((s, index) => {        
+      let index = 0;
+      selections.forEach((s) => {        
         const el = this.getElementBySelector(s.selector);
         if (!el) return;
         targets.push({
           ...s,
           el,
-          index,
-          percent: Math.round((s.count * totalCount) / 100),
+          index: index++,
+          percent: 0,
           boundingRect:  this.calculateRelativeBoundingRect(el),
         })
       });
-      update({ markedTargets: targets });
+
+      const totalCount = targets.reduce((a, b) => {
+        return a + b.count
+      }, 0);      
+      update({ markedTargets: targets.map(i => ({...i, percent: Math.round((i.count * 100) / totalCount) })) });
     } else {
       update({ markedTargets: null });
     }