From 8c682eaad4b82c82c59e182633a7bf14fb8d188b Mon Sep 17 00:00:00 2001
From: jayaFeola <34057551+chinins@users.noreply.github.com>
Date: Fri, 26 Aug 2022 15:19:30 +0300
Subject: [PATCH] Refactor: update the condition for the activate button

---
 .../ActionsPage/StakingWidget/StakingWidget.tsx  | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/modules/dashboard/components/ActionsPage/StakingWidget/StakingWidget.tsx b/src/modules/dashboard/components/ActionsPage/StakingWidget/StakingWidget.tsx
index 1d3ac0a189..cdc3f3104f 100644
--- a/src/modules/dashboard/components/ActionsPage/StakingWidget/StakingWidget.tsx
+++ b/src/modules/dashboard/components/ActionsPage/StakingWidget/StakingWidget.tsx
@@ -259,6 +259,10 @@ const StakingWidget = ({
     canUserStake && new Decimal(remainingToFullyNayStaked).gt(0);
 
   const canBeStaked = isObjection ? canUserStakeNay : canUserStakeYay;
+  const showActivateButton =
+    enoughReputation &&
+    canBeStaked &&
+    (!isMinActivated || !enoughActiveTokensToStakeMore);
 
   return (
     <div className={styles.main} data-test="stakingWidget">
@@ -294,9 +298,7 @@ const StakingWidget = ({
               />
               <div
                 className={`${styles.buttonGroup} ${
-                  !isMinActivated || !enoughActiveTokensToStakeMore
-                    ? styles.buttonGroupAlignment
-                    : ''
+                  showActivateButton ? styles.buttonGroupAlignment : ''
                 }`}
               >
                 {!bigNumberify(totalNAYStakes).isZero() && (
@@ -324,11 +326,7 @@ const StakingWidget = ({
 
                 {bigNumberify(totalNAYStakes).isZero() && (
                   <span
-                    className={
-                      isMinActivated && enoughActiveTokensToStakeMore
-                        ? styles.objectButton
-                        : ''
-                    }
+                    className={!showActivateButton ? styles.objectButton : ''}
                   >
                     <Button
                       appearance={{ theme: 'pink', size: 'medium' }}
@@ -346,7 +344,7 @@ const StakingWidget = ({
                     />
                   </span>
                 )}
-                {(!isMinActivated || !enoughActiveTokensToStakeMore) && (
+                {showActivateButton && (
                   <Button
                     appearance={{
                       theme: 'primary',