diff --git a/packages/bridge-ui-v2/src/components/Bridge/ProcessingFee/ProcessingFee.svelte b/packages/bridge-ui-v2/src/components/Bridge/ProcessingFee/ProcessingFee.svelte index de20dc7254..219e8f09cc 100644 --- a/packages/bridge-ui-v2/src/components/Bridge/ProcessingFee/ProcessingFee.svelte +++ b/packages/bridge-ui-v2/src/components/Bridge/ProcessingFee/ProcessingFee.svelte @@ -9,6 +9,7 @@ import { InputBox } from '$components/InputBox'; import { LoadingText } from '$components/LoadingText'; import { Tooltip } from '$components/Tooltip'; + import { processingFeeComponent } from '$config'; import { ProcessingFeeMethod } from '$libs/fee'; import { parseToWei } from '$libs/util/parseToWei'; import { uid } from '$libs/util/uid'; @@ -62,6 +63,12 @@ closeModal(); } + function closeModalWithDelay() { + // By adding delay there is enough time to see the selected option + // before closing the modal. Better experience for the user. + setTimeout(closeModal, processingFeeComponent.closingDelayOptionClick); + } + function focusInputBox() { inputBox.focus(); } @@ -217,19 +224,19 @@ bind:group={selectedFeeMethod} /> -
- - ETH + {#if selectedFeeMethod === ProcessingFeeMethod.CUSTOM} + + ETH + {/if}
-