From 0c33bcd21553d77267e2871c0ae1fa54301f2ea1 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 27 Sep 2023 16:30:56 +0300
Subject: [PATCH] feat: add constant for deposit subtitle

---
 src/constants.ts                                  | 1 +
 src/pages/ValidatorOnboarding/Deposit/Deposit.tsx | 7 +++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/constants.ts b/src/constants.ts
index 4a0a6dd1..89fdf1f1 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -31,3 +31,4 @@ export const CURRENCIES = [
     price: 1323.61,
   },
 ]
+export const DEPOSIT_SUBTITLE = 'Connect you Wallet to stake required ETH for new validators'
diff --git a/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx b/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx
index 83fe2cf4..cbb7628c 100644
--- a/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx
+++ b/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx
@@ -9,8 +9,8 @@ import ValidatorsMenuWithPrice from '../../../components/General/ValidatorsMenuW
 import ConnectWallet from './ConnectWallet'
 import ConnectedWallet from './ConnectedWallet'
 import DepositTitle from './DepositTitle'
-import DepositSubtitle from './DepositSubtitle'
 import { RootState } from '../../../redux/store'
+import { DEPOSIT_SUBTITLE } from '../../../constants'
 
 const Deposit = () => {
   const [isInfoBoxVisible, setIsInfoBoxVisible] = useState(true)
@@ -36,11 +36,14 @@ const Deposit = () => {
     >
       <DepositTitle isTransactionConfirmation={isTransactionConfirmation} />
       {isTransactionConfirmation ? (
-        <DepositSubtitle />
+        <Text size={15} weight="regular" color={'#647084'}>
+          {DEPOSIT_SUBTITLE}
+        </Text>
       ) : (
         <ValidatorsMenuWithPrice
           validatorCount={validatorCount}
           changeValidatorCountHandler={changeValidatorCountHandler}
+          label={DEPOSIT_SUBTITLE}
         />
       )}
       <DividerLine />