status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-10 10:26:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(deposits): separate chain parity as component

Browse Source
This commit is contained in:
RadoslavDimchev 2024-01-31 23:34:27 +02:00 committed by Radoslav Dimchev
parent 4229b03b8c
commit 9dce578fa5
2 changed files with 22 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/pages/ValidatorOnboarding/Deposit/ChainParity.tsx Normal file
View File

@ -0,0 +1,20 @@
import { Text } from '@status-im/components'
const ChainParity = () => {
return (
<>
<Text size={15} weight="regular" color={'#647084'}>
Awaiting chain parity
</Text>
<div style={{ padding: '7.5% 20%' }}>
<img
src="/images/chain-parity.png"
alt="Chain parity"
style={{ width: '100%' }}
/>
</div>
</>
)
}
export default ChainParity

14
src/pages/ValidatorOnboarding/Deposit/Deposit.tsx
View File

@ -8,6 +8,7 @@ import ValidatorRequest from './ValidatorRequest/ValidatorRequest'
import ConnectWallet from './ConnectWallet'
import ConnectedWallet from './ConnectedWallet'
import DepositTitle from './DepositTitle'
import ChainParity from './ChainParity'
import ValidatorsMenuWithPrice from '../../../components/General/ValidatorsMenuWithPrice'
import { RootState } from '../../../redux/store'
import { DEPOSIT_SUBTITLE } from '../../../constants'
@ -41,18 +42,7 @@ const Deposit = () => {
>
<DepositTitle />
{isChainParity ? (
<>
<Text size={15} weight="regular" color={'#647084'}>
Awaiting chain parity
</Text>
<div style={{ padding: '7.5% 20%' }}>
<img
src="/images/chain-parity.png"
alt="Chain parity"
style={{ width: '100%' }}
/>
</div>
</>
<ChainParity />
) : (
<YStack space={'$3'}>
{isTransactionConfirmation ? (