Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat-mobile: add fiat value to send amount #5523

Merged
merged 2 commits into from Dec 31, 2022
Merged

feat-mobile: add fiat value to send amount #5523

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ed3ae98
feat-mobile: add fiat value to send amount
begonaalvarezd Dec 27, 2022
ef99d12
Merge branch 'stardust-develop' into feat-mobile/send-amount-fiat
jeeanribeiro Dec 31, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
40 changes: 23 additions & 17 deletions packages/mobile/views/dashboard/drawers/send/views/AmountView.svelte
View file
Open in desktop
Expand Up @@ -13,8 +13,10 @@
NewTransactionType,
updateNewTransactionDetails,
} from '@core/wallet'
import { AmountInput, Button, HR } from '@ui'
import { AmountInput, Button, HR, Text } from '@ui'

import { formatCurrency } from '@core/i18n'
import { getMarketAmountFromAssetValue } from '@core/market/utils'
import { getAssetById } from '@core/wallet'
import { TokenUnitSwapper, TokenWithMax } from '../../../../../components'
import { sendRouter } from '../../../../../lib/routers'
Expand All @@ -41,6 +43,7 @@

$: bigAmount = convertToRawAmount(amount, unit, asset?.metadata)
$: (amount, unit), validate()
$: marketAmount = getMarketAmountFromAssetValue(bigAmount, asset)

onMount(() => {
if ($newTransactionDetails?.type === NewTransactionType.TokenTransfer) {
Expand Down Expand Up @@ -112,23 +115,26 @@
</script>

<div class="w-full overflow-y-auto flex flex-col flex-auto h-1 justify-between">
<div class="flex flex-row flex-1 items-center justify-center relative">
<div class="flex flex-row items-center space-x-2 px-28" on:click={() => amountInputElement.focus()}>
<AmountInput
bind:inputElement={amountInputElement}
bind:amount
hasFocus={false}
maxDecimals={allowedDecimals}
isInteger={allowedDecimals === 0}
clearBackground
clearPadding
clearBorder
/>
<p class="font-600 text-gray-800 dark:text-white text-24 leading-140">{unit}</p>
</div>
<div class="absolute right-0">
<TokenUnitSwapper {tokenMetadata} selectedUnit={unit} onClick={toggleUnit} />
<div class="flex-1 flex flex-col space-y-2 items-center justify-center">
<div class="flex flex-row items-center justify-center relative">
<div class="flex flex-row items-center space-x-2 px-28" on:click={() => amountInputElement.focus()}>
<AmountInput
bind:inputElement={amountInputElement}
bind:amount
hasFocus={false}
maxDecimals={allowedDecimals}
isInteger={allowedDecimals === 0}
clearBackground
clearPadding
clearBorder
/>
<p class="font-600 text-gray-800 dark:text-white text-24 leading-140">{unit}</p>
</div>
<div class="absolute right-0">
<TokenUnitSwapper {tokenMetadata} selectedUnit={unit} onClick={toggleUnit} />
</div>
</div>
<Text color="gray-600" darkColor="gray-500" fontSize="xs">{formatCurrency(marketAmount) ?? ''}</Text>
</div>
<div class="flex flex-col space-y-8 w-full">
{#if $newTransactionDetails?.type === NewTransactionType.TokenTransfer}
Expand Down