From 81c475028b706014b216b9fc4fb73d679274d682 Mon Sep 17 00:00:00 2001
From: Harshil Sharma <harshilsharma63@gmail.com>
Date: Thu, 16 Sep 2021 12:26:12 +0530
Subject: [PATCH] Fixed issue with table calculations hiding incorectly (#1199)

---
 webapp/src/components/table/calculation/calculationRow.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/webapp/src/components/table/calculation/calculationRow.tsx b/webapp/src/components/table/calculation/calculationRow.tsx
index 29edaad26..216d6e5b9 100644
--- a/webapp/src/components/table/calculation/calculationRow.tsx
+++ b/webapp/src/components/table/calculation/calculationRow.tsx
@@ -42,13 +42,12 @@ const CalculationRow = (props: Props): JSX.Element => {
     const selectedCalculations = props.board.fields.columnCalculations || []
 
     const [hovered, setHovered] = useState(false)
-    const toggleHover = () => setHovered(!hovered)
 
     return (
         <div
             className={'CalculationRow octo-table-row'}
-            onMouseEnter={toggleHover}
-            onMouseLeave={toggleHover}
+            onMouseEnter={() => setHovered(true)}
+            onMouseLeave={() => setHovered(false)}
         >
             {
                 templates.map((template) => {
@@ -71,7 +70,7 @@ const CalculationRow = (props: Props): JSX.Element => {
                                 const newBoard = createBoard(props.board)
                                 newBoard.fields.columnCalculations = calculations
                                 mutator.updateBlock(newBoard, props.board, 'update_calculation')
-                                toggleHover()
+                                setHovered(false)
                             }}
                             cards={props.cards}
                             property={template}