From 4807891eaef9037a9e2aaebdd95d99a82fb6fd68 Mon Sep 17 00:00:00 2001
From: Mavrik <mavrik.dev@gmail.com>
Date: Fri, 20 Jun 2025 16:51:34 +0200
Subject: [PATCH 1/9] feat: added new localizations

---
 src/locales/translations/en-US.json | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/locales/translations/en-US.json b/src/locales/translations/en-US.json
index 46407cd0..997ae351 100644
--- a/src/locales/translations/en-US.json
+++ b/src/locales/translations/en-US.json
@@ -24,6 +24,7 @@
       "saturday": "Sat"
     }
   },
+  "cancelTransaction": "Cancel Transaction",
   "logLevel": "Log Level",
   "loadOlderLogs": "Load older logs",
   "effectiveBalance": "Effective Balance",
@@ -518,6 +519,7 @@
     "viewValidator": "View Validator",
     "reviewStatus": "Review validator status {{pubKey}}",
     "txStatuses": {
+      "cancelTxToolTip": "Note: the app may lose track of an in-flight tx. It could still be pending in your wallet or on-chain. Please verify in your wallet or on a block explorer before retrying.",
       "processingRequest": "Processing Request",
       "validatorComplete": {
         "title": "Validator Complete",
@@ -797,10 +799,14 @@
       "consolidation": {
         "title": "Validator Consolidation Requested",
         "errorTitle": "Failed to Consolidate",
-        "errorTargetConsolidationText": "Request to consolidate target validator: <span>{{pubKey}}</span> with source validator: <span>{{sourcePubKey}}</span> was unsuccessful. Click here to review the transaction details on Etherscan.",
-        "targetConsolidationText": "Request to consolidate target validator: <span>{{pubKey}}</span> with source validator: <span>{{sourcePubKey}}</span> as been sent. Click here to review the transaction details on Etherscan.",
-        "selfConsolidationText": "Request for self consolidation of validator: <span>{{pubKey}}</span> has been sent. Click here to review the transaction details on Etherscan.",
-        "errorSelfConsolidationText": "Request for self consolidation of validator: <span>{{pubKey}}</span> was unsuccessful. Click here to review the transaction details on Etherscan."
+        "target": {
+          "errorText": "Request to consolidate target validator: <span>{{pubKey}}</span> with source validator: <span>{{sourcePubKey}}</span> was unsuccessful. Click here to review the transaction details on Etherscan.",
+          "text": "Request to consolidate target validator: <span>{{pubKey}}</span> with source validator: <span>{{sourcePubKey}}</span> as been sent. Click here to review the transaction details on Etherscan."
+        },
+        "self": {
+          "text": "Request for self consolidation of validator: <span>{{pubKey}}</span> has been sent. Click here to review the transaction details on Etherscan.",
+          "errorText": "Request for self consolidation of validator: <span>{{pubKey}}</span> was unsuccessful. Click here to review the transaction details on Etherscan."
+        }
       },
       "partialWithdrawal": {
         "title": "Partial Withdrawal Requested",

From c407780b141a7e1d4a902c265d2d7adf47bfa60a Mon Sep 17 00:00:00 2001
From: Mavrik <mavrik.dev@gmail.com>
Date: Fri, 20 Jun 2025 17:02:26 +0200
Subject: [PATCH 2/9] feat: add reset option in deposit hook

---
 src/hooks/useValidatorDeposit.ts | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/hooks/useValidatorDeposit.ts b/src/hooks/useValidatorDeposit.ts
index 4fd7e374..309e3998 100644
--- a/src/hooks/useValidatorDeposit.ts
+++ b/src/hooks/useValidatorDeposit.ts
@@ -17,6 +17,7 @@ export type ValidatorDepositReturnType = {
   pubKey: string
   txHash: TxHash | undefined
   makeDeposit: () => Promise<void>
+  reset: () => void
 }
 
 const useValidatorDeposit = ({
@@ -26,7 +27,7 @@ const useValidatorDeposit = ({
 }: ValidatorDepositConfig): ValidatorDepositReturnType => {
   const { DEPOSIT_CONTRACT_ADDRESS, GENESIS_FORK_VERSION } = beaconSpec
   const { index, withdrawalCredentials, effectiveBalance, withdrawalPrefix } = validator
-  const [txHash, setTxHash] = useState<TxHash | undefined>()
+  const [txHash, setTxHash] = useState<TxHash | undefined>(undefined)
   const [pubKey, setPubKey] = useState<string>('')
   const [isLoading, setLoading] = useState<boolean>(false)
   const [error, setError] = useState<string>('')
@@ -88,12 +89,19 @@ const useValidatorDeposit = ({
     }
   }
 
+  const reset = () => {
+    setTxHash(undefined)
+    setLoading(false)
+    setError('')
+  }
+
   return {
     isLoading,
     error,
     pubKey,
     txHash,
     makeDeposit,
+    reset,
   }
 }
 

From d0fe681de23c634ef94d0c080cb55f64bc89d928 Mon Sep 17 00:00:00 2001
From: Mavrik <mavrik.dev@gmail.com>
Date: Fri, 20 Jun 2025 17:03:39 +0200
Subject: [PATCH 3/9] feat: update query options and allow query to reset if
 hash changes

---
 src/hooks/useResolveTransactionOnce.ts | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/hooks/useResolveTransactionOnce.ts b/src/hooks/useResolveTransactionOnce.ts
index 7acd6290..ab171394 100644
--- a/src/hooks/useResolveTransactionOnce.ts
+++ b/src/hooks/useResolveTransactionOnce.ts
@@ -13,7 +13,15 @@ const useResolveTransactionOnce = (
   const [isEnabledFetch, setIsEnabledFetch] = useState<boolean>(true)
   const { isFetched, status, ...rest } = useWaitForTransactionReceipt({
     hash: txHash,
-    query: { enabled: isEnabledFetch },
+    query: {
+      enabled: isEnabledFetch,
+      refetchOnMount: false,
+      refetchOnReconnect: false,
+      refetchOnWindowFocus: false,
+      retry: false,
+      retryOnMount: false,
+      staleTime: Infinity,
+    },
   })
 
   useEffect(() => {
@@ -22,6 +30,10 @@ const useResolveTransactionOnce = (
     }
   }, [isFetched])
 
+  useEffect(() => {
+    setIsEnabledFetch(true)
+  }, [txHash])
+
   return {
     ...rest,
     txStatus: status.toUpperCase() as Status,

From 8227933490dba44a3aba8f62f8ead98e741c9f23 Mon Sep 17 00:00:00 2001
From: Mavrik <mavrik.dev@gmail.com>
Date: Fri, 20 Jun 2025 17:05:26 +0200
Subject: [PATCH 4/9] feat: add reset option to block

---
 .../TransactionStatus/TransactionStatusBlock.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/TransactionStatus/TransactionStatusBlock.tsx b/src/components/TransactionStatus/TransactionStatusBlock.tsx
index 7d483f10..976f29b9 100644
--- a/src/components/TransactionStatus/TransactionStatusBlock.tsx
+++ b/src/components/TransactionStatus/TransactionStatusBlock.tsx
@@ -7,6 +7,7 @@ import getEtherscanLink from '../../../utilities/getEtherscanLink'
 import isValidNetwork from '../../../utilities/isValidNetwork'
 import { Status } from '../../constants/enums'
 import Button, { ButtonFace } from '../Button/Button'
+import Tooltip from '../ToolTip/Tooltip'
 import Typography from '../Typography/Typography'
 
 export interface TransactionStatusBlockProps {
@@ -16,6 +17,7 @@ export interface TransactionStatusBlockProps {
   onErrorText?: string
   onSuccessText?: string
   onSuccess?: () => void
+  onReset?: () => void
   chainId: number
 }
 
@@ -26,18 +28,21 @@ const TransactionStatusBlock: FC<TransactionStatusBlockProps> = ({
   onErrorText,
   onSuccessText,
   onSuccess,
+  onReset,
   chainId,
 }) => {
   const { t } = useTranslation()
+  const isPending = txStatus === Status.PENDING
   const isSuccess = txStatus === Status.SUCCESS
   const isError = txStatus === Status.ERROR
   const etherScanLink = isValidNetwork(chainId) ? getEtherscanLink(chainId, `/tx/${txHash}`) : null
 
   const hasErrorCallback = !!onError && !!onErrorText
   const hasSuccessCallback = !!onSuccess && onSuccessText
+  const status = isSuccess ? 'success' : isError ? 'error' : 'pending'
 
-  const statusTitle = `validatorManagement.txStatuses.${isSuccess ? 'success' : isError ? 'error' : 'pending'}.title`
-  const statusText = `validatorManagement.txStatuses.${isSuccess ? 'success' : isError ? 'error' : 'pending'}.text`
+  const statusTitle = `validatorManagement.txStatuses.${status}.title`
+  const statusText = `validatorManagement.txStatuses.${status}.text`
   const txIcon = clsx(
     isSuccess
       ? 'bi-check text-subtitle1 text-success '
@@ -80,6 +85,13 @@ const TransactionStatusBlock: FC<TransactionStatusBlockProps> = ({
       <Typography className='text-center' type='text-caption'>
         {t(statusText)}
       </Typography>
+      {onReset && isPending && (
+        <Tooltip id='retryTx' maxWidth={350} text={t('txStatuses.cancelTxToolTip')}>
+          <Button fontType='text-caption1' onClick={onError} type={ButtonFace.TERTIARY}>
+            {t('cancelTransaction')}
+          </Button>
+        </Tooltip>
+      )}
       {isError && hasErrorCallback ? (
         <Button fontType='text-caption1' onClick={onError} type={ButtonFace.SECONDARY}>
           {onErrorText}

From 6c43521a61c35d9bd2a12be111a2ed5f20b1ca93 Mon Sep 17 00:00:00 2001
From: Mavrik <mavrik.dev@gmail.com>
Date: Fri, 20 Jun 2025 17:13:24 +0200
Subject: [PATCH 5/9] feat: update validator statuses add cancel option with
 tooltip details

---
 src/components/ToolTip/Tooltip.tsx            |  2 +-
 .../ValidatorDepositImport.tsx                | 72 +++++++++++++------
 .../ValidatorDeposit/ValidatorDeposit.tsx     |  1 +
 3 files changed, 53 insertions(+), 22 deletions(-)

diff --git a/src/components/ToolTip/Tooltip.tsx b/src/components/ToolTip/Tooltip.tsx
index f29f5a7b..cc89d696 100644
--- a/src/components/ToolTip/Tooltip.tsx
+++ b/src/components/ToolTip/Tooltip.tsx
@@ -32,7 +32,7 @@ const Tooltip: FC<TooltipProps> = ({
   const { mode } = useUiMode()
   const isDark = (toolTipMode || mode) === UiMode.DARK
 
-  const containerClasses = clsx(className, cursor)
+  const containerClasses = clsx(className, cursor, 'w-fit')
   const toolTipClasses = clsx('shadow-xl z-50', tooltipClassName)
 
   const toolTipStyles = useMemo(
diff --git a/src/components/ValidatorDepositImport/ValidatorDepositImport.tsx b/src/components/ValidatorDepositImport/ValidatorDepositImport.tsx
index 0de71280..9058f350 100644
--- a/src/components/ValidatorDepositImport/ValidatorDepositImport.tsx
+++ b/src/components/ValidatorDepositImport/ValidatorDepositImport.tsx
@@ -1,4 +1,4 @@
-import { FC, useCallback, useEffect } from 'react'
+import React, { FC, useCallback, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
 import formatEthAddress from '../../../utilities/formatEthAddress'
 import getBeaconChaLink from '../../../utilities/getBeaconChaLink'
@@ -9,6 +9,7 @@ import useImportValidator from '../../hooks/useImportValidator'
 import useResolveTransactionOnce from '../../hooks/useResolveTransactionOnce'
 import { ActivityType, DepositData, NetworkId, TxHash } from '../../types'
 import ExternalLink from '../ExternalLink/ExternalLink'
+import Tooltip from '../ToolTip/Tooltip'
 import TransactionStatus from '../TransactionStatus/TransactionStatus'
 import Typography from '../Typography/Typography'
 
@@ -98,14 +99,18 @@ const ValidatorDepositImport: FC<ValidatorDepositImportProps> = ({
     : null
 
   const renderTransactionStatus = useCallback(() => {
+    const commonProps = {
+      id: mnemonicIndex,
+      networkId: depositNetworkId,
+      txHash,
+    }
+
     if (isImportError) {
       return (
         <TransactionStatus
-          id={mnemonicIndex}
-          networkId={depositNetworkId}
+          {...commonProps}
           title={t(`validatorManagement.txStatuses.importError.title`)}
           status={Status.ERROR}
-          txHash={txHash}
         >
           <div className='space-y-2'>
             <Typography type='text-caption1'>
@@ -125,11 +130,9 @@ const ValidatorDepositImport: FC<ValidatorDepositImportProps> = ({
     if (isImportSuccess || status === Status.SUCCESS) {
       return (
         <TransactionStatus
-          id={mnemonicIndex}
-          networkId={depositNetworkId}
+          {...commonProps}
           title={t('validatorManagement.txStatuses.validatorComplete.title')}
           status={Status.SUCCESS}
-          txHash={txHash}
         >
           <div className='space-y-2'>
             <Typography type='text-caption1'>
@@ -157,18 +160,13 @@ const ValidatorDepositImport: FC<ValidatorDepositImportProps> = ({
       )
     }
 
-    const txStatusKey = txStatus.toLowerCase()
-
-    return (
-      <TransactionStatus
-        id={mnemonicIndex}
-        networkId={depositNetworkId}
-        title={t(`validatorManagement.txStatuses.${txStatusKey}.title`)}
-        text={t(`validatorManagement.txStatuses.${txStatusKey}.text`)}
-        status={txStatus}
-        txHash={txHash}
-      >
-        {txStatus === Status.ERROR && (
+    if (txStatus === Status.ERROR) {
+      return (
+        <TransactionStatus
+          {...commonProps}
+          title={t('validatorManagement.txStatuses.error.title')}
+          status={txStatus}
+        >
           <div className='space-y-2'>
             <Typography type='text-caption1'>
               {t('validatorManagement.txStatuses.error.text')}
@@ -179,8 +177,40 @@ const ValidatorDepositImport: FC<ValidatorDepositImportProps> = ({
               </Typography>
             </div>
           </div>
-        )}
-      </TransactionStatus>
+        </TransactionStatus>
+      )
+    }
+
+    if (txStatus === Status.PENDING) {
+      return (
+        <TransactionStatus
+          {...commonProps}
+          title={t('validatorManagement.txStatuses.pending.title')}
+          status={txStatus}
+        >
+          <div className='space-y-2'>
+            <Typography type='text-caption1'>
+              {t('validatorManagement.txStatuses.pending.text')}
+            </Typography>
+            <Tooltip id='retryTx' maxWidth={350} text={t('txStatuses.cancelTxToolTip')}>
+              <div className='cursor-pointer' onClick={retryTransaction}>
+                <Typography type='text-caption1' className='underline'>
+                  {t('cancelTransaction')}
+                </Typography>
+              </div>
+            </Tooltip>
+          </div>
+        </TransactionStatus>
+      )
+    }
+
+    return (
+      <TransactionStatus
+        {...commonProps}
+        title={t(`validatorManagement.txStatuses.success.title`)}
+        text={t(`validatorManagement.txStatuses.success.text`)}
+        status={txStatus}
+      />
     )
   }, [
     isImportSuccess,
diff --git a/src/components/ValidatorModal/views/ValidatorDeposit/ValidatorDeposit.tsx b/src/components/ValidatorModal/views/ValidatorDeposit/ValidatorDeposit.tsx
index 677e4e02..e4a4011a 100644
--- a/src/components/ValidatorModal/views/ValidatorDeposit/ValidatorDeposit.tsx
+++ b/src/components/ValidatorModal/views/ValidatorDeposit/ValidatorDeposit.tsx
@@ -171,6 +171,7 @@ const ValidatorDeposit: FC<ValidatorDepositProps> = ({
                 chainId={chainId}
                 onErrorText={t('validatorManagement.retryTransaction')}
                 onError={retryTransaction}
+                onReset={retryTransaction}
                 onSuccess={viewDetails}
                 onSuccessText={t('validatorManagement.viewValidator')}
                 txStatus={txStatus}

From 50e1ac3925b3fcc72b1ae857b5f6dab496ebcd27 Mon Sep 17 00:00:00 2001
From: Mavrik <mavrik.dev@gmail.com>
Date: Fri, 20 Jun 2025 17:15:14 +0200
Subject: [PATCH 6/9] feat: use deposit reset on retry tx function

---
 .../DepositSteps/ValidateTransactionStep.tsx    | 17 ++++++++++++++++-
 .../SingleDeposit/SingleDeposit.tsx             |  7 +++++--
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/components/ValidatorManagement/CreateValidatorView/Steps/SignDepositValidators/SingleDeposit/DepositSteps/ValidateTransactionStep.tsx b/src/components/ValidatorManagement/CreateValidatorView/Steps/SignDepositValidators/SingleDeposit/DepositSteps/ValidateTransactionStep.tsx
index 229ffdb0..06f4f5c7 100644
--- a/src/components/ValidatorManagement/CreateValidatorView/Steps/SignDepositValidators/SingleDeposit/DepositSteps/ValidateTransactionStep.tsx
+++ b/src/components/ValidatorManagement/CreateValidatorView/Steps/SignDepositValidators/SingleDeposit/DepositSteps/ValidateTransactionStep.tsx
@@ -1,7 +1,9 @@
-import { FC } from 'react'
+import React, { FC } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Status } from '../../../../../../../constants/enums'
 import { NetworkId, TxHash } from '../../../../../../../types'
+import Button, { ButtonFace } from '../../../../../../Button/Button'
+import Tooltip from '../../../../../../ToolTip/Tooltip'
 import TransactionStatus from '../../../../../../TransactionStatus/TransactionStatus'
 import Typography from '../../../../../../Typography/Typography'
 
@@ -19,6 +21,7 @@ const ValidateTransactionStep: FC<ValidateTransactionStepProps> = ({
   onRetry,
 }) => {
   const { t } = useTranslation()
+  const isPending = txStatus === Status.PENDING
   const isError = txStatus === Status.ERROR
   const transKeyStatus = txStatus.toLowerCase()
 
@@ -43,6 +46,18 @@ const ValidateTransactionStep: FC<ValidateTransactionStepProps> = ({
             </div>
           </div>
         )}
+        {isPending && (
+          <div className='space-y-8'>
+            <Typography type='text-caption1'>
+              {t('validatorManagement.txStatuses.pending.text')}
+            </Typography>
+            <Tooltip id='retryTx-validate' maxWidth={350} text={t('txStatuses.cancelTxToolTip')}>
+              <Button fontType='text-caption1' onClick={onRetry} type={ButtonFace.TERTIARY}>
+                {t('cancelTransaction')}
+              </Button>
+            </Tooltip>
+          </div>
+        )}
       </TransactionStatus>
     </div>
   ) : null
diff --git a/src/components/ValidatorManagement/CreateValidatorView/Steps/SignDepositValidators/SingleDeposit/SingleDeposit.tsx b/src/components/ValidatorManagement/CreateValidatorView/Steps/SignDepositValidators/SingleDeposit/SingleDeposit.tsx
index d06adf53..12229029 100644
--- a/src/components/ValidatorManagement/CreateValidatorView/Steps/SignDepositValidators/SingleDeposit/SingleDeposit.tsx
+++ b/src/components/ValidatorManagement/CreateValidatorView/Steps/SignDepositValidators/SingleDeposit/SingleDeposit.tsx
@@ -55,7 +55,7 @@ const SingleDeposit: FC<SingleDepositProps> = ({
     t('validatorManagement.signAndDeposit.stepTitles.verifyTransaction'),
     t('validatorManagement.signAndDeposit.stepTitles.importValidator'),
   ]
-  const { isLoading, error, txHash, pubKey, makeDeposit } = useValidatorDeposit({
+  const { isLoading, error, txHash, pubKey, makeDeposit, reset } = useValidatorDeposit({
     validator: candidate,
     mnemonic,
     beaconSpec,
@@ -112,7 +112,10 @@ const SingleDeposit: FC<SingleDepositProps> = ({
 
   const acknowledgeRisk = () => setIsAcknowledge(true)
 
-  const retryTransaction = () => setStep(0)
+  const retryTransaction = () => {
+    setStep(0)
+    reset()
+  }
 
   return (
     <div className='relative w-full h-full'>

From d58932ca8d32bc5aa19ba69de3224f01c39c1bfe Mon Sep 17 00:00:00 2001
From: Mavrik <mavrik.dev@gmail.com>
Date: Fri, 20 Jun 2025 17:20:37 +0200
Subject: [PATCH 7/9] feat: add reset to withdrawal

---
 .../views/ValidatorWithdrawal/ValidatorWithdrawal.tsx            | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/ValidatorModal/views/ValidatorWithdrawal/ValidatorWithdrawal.tsx b/src/components/ValidatorModal/views/ValidatorWithdrawal/ValidatorWithdrawal.tsx
index 8c4fa65e..2782a584 100644
--- a/src/components/ValidatorModal/views/ValidatorWithdrawal/ValidatorWithdrawal.tsx
+++ b/src/components/ValidatorModal/views/ValidatorWithdrawal/ValidatorWithdrawal.tsx
@@ -216,6 +216,7 @@ const ValidatorWithdrawal: FC<ValidatorWithdrawalProps> = ({
               <TransactionStatusBlock
                 chainId={chainId}
                 onErrorText={t('validatorManagement.retryTransaction')}
+                onReset={retryTransaction}
                 onError={retryTransaction}
                 onSuccess={viewDetails}
                 onSuccessText={t('validatorManagement.viewValidator')}

From 379c14d394e46368797ef632490dcdf857ab8787 Mon Sep 17 00:00:00 2001
From: Mavrik <mavrik.dev@gmail.com>
Date: Fri, 20 Jun 2025 17:21:33 +0200
Subject: [PATCH 8/9] feat: update the consolidation request with reset

---
 .../ConsolidationRequestStatus.tsx            | 75 +++++++++++--------
 .../SubmitConsolidationStep.tsx               |  4 +-
 2 files changed, 45 insertions(+), 34 deletions(-)

diff --git a/src/components/ConsolidationRequestStatus/ConsolidationRequestStatus.tsx b/src/components/ConsolidationRequestStatus/ConsolidationRequestStatus.tsx
index bd0b3d88..7dd262e6 100644
--- a/src/components/ConsolidationRequestStatus/ConsolidationRequestStatus.tsx
+++ b/src/components/ConsolidationRequestStatus/ConsolidationRequestStatus.tsx
@@ -4,6 +4,7 @@ import postActivity from '../../../utilities/postActivity'
 import { Status } from '../../constants/enums'
 import useResolveTransactionOnce from '../../hooks/useResolveTransactionOnce'
 import { ActivityType, NetworkId, TxHash } from '../../types'
+import Tooltip from '../ToolTip/Tooltip'
 import TransactionStatus, { TransactionStatusStyle } from '../TransactionStatus/TransactionStatus'
 import Typography from '../Typography/Typography'
 
@@ -11,10 +12,10 @@ export interface ConsolidationRequestStatusProps {
   targetPubKey: string
   sourcePubKey: string
   txHash: TxHash
-  networkId: number
-  id?: string | number
-  onRetryTx: (id: string | number) => void
-  onStatusUpdate?: (id: string | number, status: Status) => void
+  networkId: NetworkId
+  id: number
+  onRetryTx: (id: number) => void
+  onStatusUpdate?: (id: number, status: Status) => void
 }
 
 const ConsolidationRequestStatus: FC<ConsolidationRequestStatusProps> = ({
@@ -29,14 +30,8 @@ const ConsolidationRequestStatus: FC<ConsolidationRequestStatusProps> = ({
   const { t } = useTranslation()
   const { txStatus } = useResolveTransactionOnce(txHash)
 
-  const renderText = {
-    [Status.SUCCESS]: 'successTxText',
-    [Status.ERROR]: 'errorTxText',
-    [Status.PENDING]: 'pendingTxText',
-  }[txStatus]
-
   useEffect(() => {
-    if (txStatus && id != null) {
+    if (txStatus) {
       onStatusUpdate?.(id, txStatus)
     }
   }, [txStatus, id, onStatusUpdate])
@@ -61,25 +56,23 @@ const ConsolidationRequestStatus: FC<ConsolidationRequestStatusProps> = ({
     })()
   }, [txStatus, targetPubKey, sourcePubKey, txHash])
 
-  const handleRetry = useCallback(() => {
-    if (id != null) {
-      onRetryTx(id)
-    }
-  }, [id, onRetryTx])
+  const handleRetry = useCallback(() => onRetryTx(id), [id, onRetryTx])
+
+  const commonProps = {
+    id,
+    networkId,
+    title: t('validatorManagement.consolidateView.signAndSubmit.consolidationRequest'),
+    status: txStatus,
+    txHash,
+    style: TransactionStatusStyle.Secondary,
+  }
 
   if (txStatus === Status.ERROR) {
     return (
-      <TransactionStatus
-        id={id}
-        networkId={networkId as NetworkId}
-        title={t('validatorManagement.consolidateView.signAndSubmit.consolidationRequest')}
-        status={txStatus}
-        txHash={txHash}
-        style={TransactionStatusStyle.Secondary}
-      >
+      <TransactionStatus {...commonProps}>
         <div className='space-y-2'>
           <Typography type='text-caption1'>
-            {t(`validatorManagement.consolidateView.signAndSubmit.${renderText}`)}
+            {t('validatorManagement.consolidateView.signAndSubmit.errorTxText')}
           </Typography>
           <div className='cursor-pointer' onClick={handleRetry}>
             <Typography className='underline' type='text-caption1'>
@@ -91,15 +84,33 @@ const ConsolidationRequestStatus: FC<ConsolidationRequestStatusProps> = ({
     )
   }
 
+  if (txStatus === Status.PENDING) {
+    return (
+      <TransactionStatus {...commonProps}>
+        <div className='space-y-2'>
+          <Typography type='text-caption1'>
+            {t('validatorManagement.consolidateView.signAndSubmit.pendingTxText')}
+          </Typography>
+          <Tooltip
+            id='retryTx-consolidation'
+            maxWidth={350}
+            text={t('validatorManagement.txStatuses.cancelTxToolTip')}
+          >
+            <div className='cursor-pointer' onClick={handleRetry}>
+              <Typography className='underline' type='text-caption1'>
+                {t('cancelTransaction')}
+              </Typography>
+            </div>
+          </Tooltip>
+        </div>
+      </TransactionStatus>
+    )
+  }
+
   return (
     <TransactionStatus
-      id={id}
-      networkId={networkId as NetworkId}
-      title={t('validatorManagement.consolidateView.signAndSubmit.consolidationRequest')}
-      text={t(`validatorManagement.consolidateView.signAndSubmit.${renderText}`)}
-      status={txStatus}
-      txHash={txHash}
-      style={TransactionStatusStyle.Secondary}
+      {...commonProps}
+      text={t('validatorManagement.consolidateView.signAndSubmit.successTxText')}
     />
   )
 }
diff --git a/src/components/ValidatorManagement/ConsolidateView/Steps/SubmitConsolidationStep/SubmitConsolidationStep.tsx b/src/components/ValidatorManagement/ConsolidateView/Steps/SubmitConsolidationStep/SubmitConsolidationStep.tsx
index 1d8ae1bb..4dd1203e 100644
--- a/src/components/ValidatorManagement/ConsolidateView/Steps/SubmitConsolidationStep/SubmitConsolidationStep.tsx
+++ b/src/components/ValidatorManagement/ConsolidateView/Steps/SubmitConsolidationStep/SubmitConsolidationStep.tsx
@@ -7,7 +7,7 @@ import ValidatorLogo from '../../../../../assets/images/validators.svg'
 import { CONSOLIDATION_CONTRACT } from '../../../../../constants/constants'
 import { Status } from '../../../../../constants/enums'
 import { useMaxHeight } from '../../../../../hooks/useMaxHeight'
-import { ConsolidationTx } from '../../../../../types'
+import { ConsolidationTx, NetworkId } from '../../../../../types'
 import { ValidatorInfo } from '../../../../../types/validator'
 import Button, { ButtonFace } from '../../../../Button/Button'
 import CheckBox from '../../../../CheckBox/CheckBox'
@@ -117,7 +117,7 @@ const SubmitConsolidationStep: FC<SubmitConsolidationStepProps> = ({
         onRetryTx={retryTransaction}
         onStatusUpdate={updateConsolidationResults}
         id={index}
-        networkId={chainId}
+        networkId={chainId as NetworkId}
         txHash={txHash}
       />
     ))

From 836ea0ead836523372cb6e0c0c46df6b9ea58c3b Mon Sep 17 00:00:00 2001
From: Mavrik <mavrik.dev@gmail.com>
Date: Fri, 20 Jun 2025 17:22:30 +0200
Subject: [PATCH 9/9] fix: notificaton text fix

---
 src/components/ActivityHistory/ActivityText.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/components/ActivityHistory/ActivityText.tsx b/src/components/ActivityHistory/ActivityText.tsx
index 7a4f3b0c..be72cac1 100644
--- a/src/components/ActivityHistory/ActivityText.tsx
+++ b/src/components/ActivityHistory/ActivityText.tsx
@@ -45,11 +45,7 @@ const ActivityText: React.FC<ActivityTextProps> = ({
       values: () => ({ pubKey: formatEthAddress(pubKey) }),
     },
     [ActivityType.CONSOLIDATION]: {
-      key: `consolidation.${isError ? 'error' : ''}${
-        formattedData?.targetPubKey === formattedData?.sourcePubKey
-          ? 'SelfConsolidationText'
-          : 'TargetConsolidationText'
-      }`,
+      key: `consolidation.${formattedData?.targetPubKey === formattedData?.sourcePubKey ? 'self' : 'target'}.${isError ? 'errorText' : 'text'}`,
       values: () => ({
         pubKey: formatEthAddress(formattedData?.targetPubKey),
         sourcePubKey: formatEthAddress(formattedData?.sourcePubKey),