fix: change deposit header to title

src/pages/ValidatorOnboarding/Deposit/Deposit.tsx

@@ -7,7 +7,7 @@ import ValidatorRequest from './ValidatorRequest'
 import Validators from './Validators'
 import ConnectWallet from './ConnectWallet'
 import ConnectedWallet from './ConnectedWallet'
-import DepositHeader from './DepositHeader'
+import DepositTitle from './DepositTitle'
 import DepositSubtitle from './DepositSubtitle'
 
 const Deposit = () => {
@@ -16,7 +16,7 @@ const Deposit = () => {
 
   const validatorRequests = [1, 2]
   const isConnectedWallet = false
-  const isTransactionConfirmation = true
+  const isTransactionConfirmation = false
 
   const addValidatorHandler = () => {
     setValidatorCount((state: number) => state + 1)
@@ -34,7 +34,7 @@ const Deposit = () => {
 
   return (
     <YStack space={'$3'} style={{ width: '100%', padding: '16px 32px', alignItems: 'start' }}>
-      <DepositHeader isTransactionConfirmation={isTransactionConfirmation} />
+      <DepositTitle isTransactionConfirmation={isTransactionConfirmation} />
       {isTransactionConfirmation ? (
         <DepositSubtitle />
       ) : (

src/pages/ValidatorOnboarding/Deposit/DepositTitle.stories.ts

@@ -1,15 +1,15 @@
 import type { Meta, StoryObj } from '@storybook/react'
 
-import DepositHeader from './DepositHeader'
+import DepositTitle from './DepositTitle'
 
 const meta = {
-  title: 'ValidatorOnboarding/DepositHeader',
+  title: 'ValidatorOnboarding/DepositTitle',
-  component: DepositHeader,
+  component: DepositTitle,
   parameters: {
     layout: 'centered',
   },
   tags: ['autodocs'],
-} satisfies Meta<typeof DepositHeader>
+} satisfies Meta<typeof DepositTitle>
 
 export default meta
 type Story = StoryObj<typeof meta>

src/pages/ValidatorOnboarding/Deposit/DepositTitle.tsx

@@ -1,10 +1,10 @@
 import { Text } from '@status-im/components'
 
-type DepositHeaderProps = {
+type DepositTitleProps = {
   isTransactionConfirmation: boolean
 }
 
-const DepositHeader = ({ isTransactionConfirmation }: DepositHeaderProps) => {
+const DepositTitle = ({ isTransactionConfirmation }: DepositTitleProps) => {
   return (
     <Text size={19} weight={'semibold'}>
       {isTransactionConfirmation ? 'Transaction Confirmation' : 'Deposit Funds'}
@@ -12,4 +12,4 @@ const DepositHeader = ({ isTransactionConfirmation }: DepositHeaderProps) => {
   )
 }
 
-export default DepositHeader
+export default DepositTitle