status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(deposit-validator): reuse currency menu

This commit is contained in:
RadoslavDimchev 2024-03-01 22:59:34 +02:00 committed by Emil Ivanichkov
parent 2107b02b7b
commit 57a705b7f4
2 changed files with 4 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/General/CurrencyDropdown.tsx
View File

@ -4,8 +4,9 @@ import { useDispatch, useSelector } from 'react-redux'
import { XStack, YStack } from 'tamagui'
import { CURRENCIES } from '../../constants'
import ChevronIcon from './ChevronIcon'
import { RootState } from '../../redux/store'
import { formatNumbersWithComa } from '../../utilities'
import ChevronIcon from './ChevronIcon'
type CurrencyDropdownProps = {
totalPrice: number
@ -48,7 +49,7 @@ const CurrencyDropdown = ({ totalPrice }: CurrencyDropdownProps) => {
</DropdownMenu>
</XStack>
<Text size={27} weight={'semibold'}>
{totalPrice.toFixed(2)} {currency}
{formatNumbersWithComa(totalPrice)} {currency}
</Text>
</YStack>
)

16
src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/DepositValidator.tsx
View File

@ -2,15 +2,11 @@ import { Input, Text } from '@status-im/components'
import { ClearIcon } from '@status-im/icons'
import { XStack, YStack } from 'tamagui'
import { useState } from 'react'
import { useSelector } from 'react-redux'
import CurrencyDropdown from '../../../../../components/General/CurrencyDropdown'
import { formatNumbersWithComa } from '../../../../../utilities'
import { RootState } from '../../../../../redux/store'
const DepositValidator = () => {
const [depositAmount, setDepositAmount] = useState('')
const currency = useSelector((state: RootState) => state.currency)
const totalPrice = 1594
const changeDepositAmountHandler = (value: string) => {
@ -48,17 +44,7 @@ const DepositValidator = () => {
onChangeText={changeDepositAmountHandler}
/>
</YStack>
<YStack space={'$2'}>
<XStack style={{ justifyContent: 'space-between' }}>
<Text size={15} weight={'semibold'}>
{currency}
</Text>
<CurrencyDropdown />
</XStack>
<Text size={27} weight={'semibold'}>
{formatNumbersWithComa(totalPrice)} {currency}
</Text>
</YStack>
<CurrencyDropdown totalPrice={totalPrice} />
</XStack>
)
}