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

fix(deposit): wrong imports and file place

Browse Source
This commit is contained in:
RadoslavDimchev 2024-03-05 14:56:05 +02:00 committed by Emil Ivanichkov
parent 24f10851d6
commit f2679556e0
4 changed files with 11 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.tsx
View File

@ -30,9 +30,9 @@ import ConsensusSelection from './pages/ValidatorOnboarding/ValidatorSetup/Conse
import ActivationValidatorSetup from './pages/ValidatorOnboarding/ValidatorSetup/ValidatorActivation/ActivationValidatorSetup'
import ClientSetup from './pages/ValidatorOnboarding/ClientSetup/ClientSetup'
import KeyGeneration from './pages/ValidatorOnboarding/KeyGeneration/KeyGeneration'
import Deposit from './components/General/Deposit'
import Activation from './pages/ValidatorOnboarding/Activation/Activation'
import ConfirmRecoveryPhrase from './pages/ValidatorOnboarding/KeyGeneration/ConfirmRecoveryPhrase/ConfirmRecoveryPhrase'
import Deposit from './pages/ValidatorOnboarding/Deposit/Deposit'
const injected = injectedModule()
const walletConnect = walletConnectModule(wcV2InitOptions)

2
src/components/General/ChainParity.tsx
View File

@ -1,6 +1,6 @@
import { Text } from '@status-im/components'
import styles from './deposit.module.css'
import styles from '../../pages/ValidatorOnboarding/Deposit/deposit.module.css'
const ChainParity = () => {
return (

76
src/components/General/Deposit.tsx
View File

@ -1,76 +0,0 @@
import { DividerLine, Text } from '@status-im/components'
import { YStack } from 'tamagui'
import { useState } from 'react'
import { useSelector } from 'react-redux'
import ValidatorRequest from './ValidatorRequest/ValidatorRequest'
import ConnectWallet from './ConnectWallet'
import ConnectedWallet from './ConnectedWallet'
import ChainParity from './ChainParity'
import ValidatorsMenuWithPrice from './ValidatorsMenuWithPrice'
import { RootState } from '../../redux/store'
import { DEPOSIT_SUBTITLE } from '../../constants'
import { getDepositTitle } from '../../utilities'
import styles from './deposit.module.css'
import ValidatorBalanceInfoBox from './ValidatorBalanceInfoBox'
const Deposit = () => {
const [validatorCount, setValidatorCount] = useState(2)
const { isWalletConnected, isTransactionConfirmation, isChainParity } =
useSelector((state: RootState) => state.deposit)
const changeValidatorCountHandler = (value: string) => {
const numberValue = Number(value)
if (!isNaN(numberValue)) {
setValidatorCount(numberValue)
}
}
return (
<YStack space={'$3'} className={styles['deposit-container']}>
<Text size={19} weight={'semibold'}>
{getDepositTitle({ isChainParity, isTransactionConfirmation })}
</Text>
{isChainParity ? (
<ChainParity />
) : (
<YStack space={'$3'} style={{ width: '100%' }}>
{isTransactionConfirmation ? (
<Text size={15} weight="regular" color={'#647084'}>
{DEPOSIT_SUBTITLE}
</Text>
) : (
<ValidatorsMenuWithPrice
validatorCount={validatorCount}
changeValidatorCountHandler={changeValidatorCountHandler}
label={DEPOSIT_SUBTITLE}
/>
)}
{isTransactionConfirmation && <ConnectedWallet />}
<DividerLine
style={{ marginTop: isTransactionConfirmation ? '0px' : '15px' }}
/>
{Array.from({ length: validatorCount }).map((_, index) => (
<ValidatorRequest
key={index}
name={(index + 1).toString()}
isTransactionConfirmation={isTransactionConfirmation}
isWithDivider={true}
/>
))}
<ValidatorBalanceInfoBox />
{!isTransactionConfirmation && (
<YStack space={'$3'} style={{ width: '100%' }}>
<Text size={19} weight={'semibold'}>
Connect Wallet
</Text>
{isWalletConnected ? <ConnectedWallet /> : <ConnectWallet />}
</YStack>
)}
</YStack>
)}
</YStack>
)
}
export default Deposit

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

@ -3,16 +3,16 @@ import { YStack } from 'tamagui'
import { useState } from 'react'
import { useSelector } from 'react-redux'
import ValidatorRequest from './ValidatorRequest/ValidatorRequest'
import ConnectWallet from './ConnectWallet'
import ConnectedWallet from './ConnectedWallet'
import ChainParity from './ChainParity'
import ValidatorsMenuWithPrice from './ValidatorsMenuWithPrice'
import { RootState } from '../../redux/store'
import { DEPOSIT_SUBTITLE } from '../../constants'
import { getDepositTitle } from '../../utilities'
import ChainParity from '../../../components/General/ChainParity'
import ValidatorsMenuWithPrice from '../../../components/General/ValidatorsMenuWithPrice'
import ConnectedWallet from '../../../components/General/ConnectedWallet'
import ValidatorRequest from '../../../components/General/ValidatorRequest/ValidatorRequest'
import ConnectWallet from '../../../components/General/ConnectWallet'
import ValidatorBalanceInfoBox from '../../../components/General/ValidatorBalanceInfoBox'
import { RootState } from '../../../redux/store'
import { getDepositTitle } from '../../../utilities'
import { DEPOSIT_SUBTITLE } from '../../../constants'
import styles from './deposit.module.css'
import ValidatorBalanceInfoBox from '../../pages/ValidatorOnboarding/Deposit/ValidatorBalanceInfoBox'
const Deposit = () => {
const [validatorCount, setValidatorCount] = useState(2)