From 936941c57d80bf203eb9a187edb8f144e2100e03 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 20 Sep 2023 23:12:04 +0300
Subject: [PATCH] fix: change deposit header to title

---
 src/pages/ValidatorOnboarding/Deposit/Deposit.tsx         | 6 +++---
 .../{DepositHeader.stories.ts => DepositTitle.stories.ts} | 8 ++++----
 .../Deposit/{DepositHeader.tsx => DepositTitle.tsx}       | 6 +++---
 3 files changed, 10 insertions(+), 10 deletions(-)
 rename src/pages/ValidatorOnboarding/Deposit/{DepositHeader.stories.ts => DepositTitle.stories.ts} (71%)
 rename src/pages/ValidatorOnboarding/Deposit/{DepositHeader.tsx => DepositTitle.tsx} (63%)

diff --git a/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx b/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx
index 03e4cdac..fd66ea47 100644
--- a/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx
+++ b/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 />
       ) : (
diff --git a/src/pages/ValidatorOnboarding/Deposit/DepositHeader.stories.ts b/src/pages/ValidatorOnboarding/Deposit/DepositTitle.stories.ts
similarity index 71%
rename from src/pages/ValidatorOnboarding/Deposit/DepositHeader.stories.ts
rename to src/pages/ValidatorOnboarding/Deposit/DepositTitle.stories.ts
index af9ddbd0..79732d05 100644
--- a/src/pages/ValidatorOnboarding/Deposit/DepositHeader.stories.ts
+++ b/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',
-  component: DepositHeader,
+  title: 'ValidatorOnboarding/DepositTitle',
+  component: DepositTitle,
   parameters: {
     layout: 'centered',
   },
   tags: ['autodocs'],
-} satisfies Meta<typeof DepositHeader>
+} satisfies Meta<typeof DepositTitle>
 
 export default meta
 type Story = StoryObj<typeof meta>
diff --git a/src/pages/ValidatorOnboarding/Deposit/DepositHeader.tsx b/src/pages/ValidatorOnboarding/Deposit/DepositTitle.tsx
similarity index 63%
rename from src/pages/ValidatorOnboarding/Deposit/DepositHeader.tsx
rename to src/pages/ValidatorOnboarding/Deposit/DepositTitle.tsx
index 91110734..1816d373 100644
--- a/src/pages/ValidatorOnboarding/Deposit/DepositHeader.tsx
+++ b/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