From e49db4b14d65d519254f7da93fa6d83c3adc3379 Mon Sep 17 00:00:00 2001
From: Cezary Dryl <cezary.dryl@pagepro.pl>
Date: Fri, 12 Apr 2024 13:40:42 +0200
Subject: [PATCH] fix: changed failed finalize step content

---
 .../steps/FinalizeStep/FinalizeStep.tsx       | 35 ++++++++++++-------
 .../Motions/steps/FinalizeStep/hooks.tsx      | 32 +++++++++++++++++
 src/i18n/en.json                              |  3 +-
 3 files changed, 56 insertions(+), 14 deletions(-)

diff --git a/src/components/v5/common/ActionSidebar/partials/Motions/steps/FinalizeStep/FinalizeStep.tsx b/src/components/v5/common/ActionSidebar/partials/Motions/steps/FinalizeStep/FinalizeStep.tsx
index 17aeed41c9..c16260ef4e 100644
--- a/src/components/v5/common/ActionSidebar/partials/Motions/steps/FinalizeStep/FinalizeStep.tsx
+++ b/src/components/v5/common/ActionSidebar/partials/Motions/steps/FinalizeStep/FinalizeStep.tsx
@@ -114,7 +114,11 @@ const FinalizeStep: FC<FinalizeStepProps> = ({
     <MenuWithStatusText
       statusTextSectionProps={{
         status: StatusTypes.Info,
-        children: formatText({ id: 'motion.finalizeStep.statusText' }),
+        children: formatText({
+          id: isMotionFailedNotFinalizable
+            ? 'motion.finalizeStep.failed.statusText'
+            : 'motion.finalizeStep.statusText',
+        }),
         textClassName: 'text-4',
         iconAlignment: 'top',
         content: (
@@ -166,7 +170,8 @@ const FinalizeStep: FC<FinalizeStepProps> = ({
                   items={items}
                   className={clsx({
                     'mb-6':
-                      !isMotionFinalized || (!isClaimed && canClaimStakes),
+                      !isMotionFailedNotFinalizable &&
+                      (!isMotionFinalized || (!isClaimed && canClaimStakes)),
                   })}
                 />
               )}
@@ -184,18 +189,22 @@ const FinalizeStep: FC<FinalizeStepProps> = ({
                       }
                     />
                   )}
-                  {!isPolling && !isMotionFinalized && !isMotionAgreement && (
-                    <Button
-                      mode="primarySolid"
-                      disabled={!isFinalizable || wrongMotionState}
-                      isFullSize
-                      text={formatText({
-                        id: 'motion.finalizeStep.submit',
-                      })}
-                      type="submit"
-                    />
-                  )}
                   {!isPolling &&
+                    !isMotionFailedNotFinalizable &&
+                    !isMotionFinalized &&
+                    !isMotionAgreement && (
+                      <Button
+                        mode="primarySolid"
+                        disabled={!isFinalizable || wrongMotionState}
+                        isFullSize
+                        text={formatText({
+                          id: 'motion.finalizeStep.submit',
+                        })}
+                        type="submit"
+                      />
+                    )}
+                  {!isPolling &&
+                    !isMotionFailedNotFinalizable &&
                     isMotionClaimable &&
                     !isClaimed &&
                     canClaimStakes && (
diff --git a/src/components/v5/common/ActionSidebar/partials/Motions/steps/FinalizeStep/hooks.tsx b/src/components/v5/common/ActionSidebar/partials/Motions/steps/FinalizeStep/hooks.tsx
index cf19d20985..c32a07f4a8 100644
--- a/src/components/v5/common/ActionSidebar/partials/Motions/steps/FinalizeStep/hooks.tsx
+++ b/src/components/v5/common/ActionSidebar/partials/Motions/steps/FinalizeStep/hooks.tsx
@@ -104,6 +104,8 @@ export const useClaimConfig = (
   const userAddress = user?.walletAddress;
   const nativeTokenDecimals = nativeToken.decimals;
   const nativeTokenSymbol = ` ${nativeToken.symbol}`;
+  const isMotionFailedNotFinalizable =
+    actionData.motionData.motionStateHistory.hasFailedNotFinalizable;
 
   const userStake = usersStakes.find(({ address }) => address === userAddress);
   const stakerReward = stakerRewards.find(
@@ -226,6 +228,36 @@ export const useClaimConfig = (
       },
     );
   }
+  if (isMotionFailedNotFinalizable) {
+    items.push(
+      {
+        key: WinningsItems.Winnings,
+        label: formatText({ id: 'motion.finalizeStep.winnings' }),
+        value: (
+          <div>
+            <Numeral
+              value={0}
+              decimals={nativeTokenDecimals}
+              suffix={nativeTokenSymbol}
+            />
+          </div>
+        ),
+      },
+      {
+        key: WinningsItems.Total,
+        label: formatText({ id: 'motion.finalizeStep.total' }),
+        value: (
+          <div>
+            <Numeral
+              value={0}
+              decimals={nativeTokenDecimals}
+              suffix={nativeTokenSymbol}
+            />
+          </div>
+        ),
+      },
+    );
+  }
 
   return {
     items,
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 8885c69184..d7dcce9619 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1381,9 +1381,10 @@
     "motion.staking.accordion.title.hide": "Hide staking information",
     "motion.finalize.label": "Finalize",
     "motion.finalizeStep.statusText": "Finalize to execute the agreed transactions and return stakes.",
+    "motion.finalizeStep.failed.statusText": "Action failed due to not achieving required stake.",
     "motion.finalizeStep.title": "Staking overview",
     "motion.finalizeStep.staked": "Staked",
-    "motion.finalizeStep.winnings": "Winnings",
+    "motion.finalizeStep.winnings": "Reward",
     "motion.finalizeStep.total": "Total",
     "motion.finalizeStep.submit": "Finalize",
     "motion.finalizeStep.returnStakes": "Return stakes",