diff --git a/src/frontend/src/eth/constants/steps.constants.ts b/src/frontend/src/eth/constants/steps.constants.ts
index 1ce10b3e0c..7c2d311998 100644
--- a/src/frontend/src/eth/constants/steps.constants.ts
+++ b/src/frontend/src/eth/constants/steps.constants.ts
@@ -1,4 +1,4 @@
-import { ProgressStepsSend } from '$lib/enums/progress-steps';
+import { ProgressStepsSend, ProgressStepsSign } from '$lib/enums/progress-steps';
import type { ProgressStep } from '@dfinity/gix-components';
export const sendSteps = ({
@@ -59,17 +59,17 @@ export const walletConnectSendSteps = ({
export const walletConnectSignSteps = (i18n: I18n): [ProgressStep, ...ProgressStep[]] => [
{
- step: ProgressStepsSend.INITIALIZATION,
+ step: ProgressStepsSign.INITIALIZATION,
text: i18n.send.text.initializing,
state: 'in_progress'
} as ProgressStep,
{
- step: ProgressStepsSend.SIGN_TRANSFER,
+ step: ProgressStepsSign.SIGN,
text: i18n.send.text.signing_message,
state: 'next'
} as ProgressStep,
{
- step: ProgressStepsSend.TRANSFER,
+ step: ProgressStepsSign.APPROVE,
text: i18n.send.text.approving,
state: 'next'
} as ProgressStep
diff --git a/src/frontend/src/icp-eth/components/send/ConvertETH.svelte b/src/frontend/src/icp-eth/components/send/ConvertETH.svelte
index 29cffe0683..096835f439 100644
--- a/src/frontend/src/icp-eth/components/send/ConvertETH.svelte
+++ b/src/frontend/src/icp-eth/components/send/ConvertETH.svelte
@@ -8,7 +8,7 @@
import { autoLoadUserToken } from '$icp-eth/services/user-token.services';
import { ckEthMinterInfoStore } from '$icp-eth/stores/cketh.store';
import { toCkEthHelperContractAddress } from '$icp-eth/utils/cketh.utils';
- import ButtonHero from '$lib/components/ui/ButtonHero.svelte';
+ import ButtonHero from '$lib/components/hero/ButtonHero.svelte';
import { ethAddressNotLoaded } from '$lib/derived/address.derived';
import { authIdentity } from '$lib/derived/auth.derived';
import { isBusy } from '$lib/derived/busy.derived';
diff --git a/src/frontend/src/icp/components/convert/ConvertToBTC.svelte b/src/frontend/src/icp/components/convert/ConvertToBTC.svelte
index 9a945bf3d6..5ac4e14694 100644
--- a/src/frontend/src/icp/components/convert/ConvertToBTC.svelte
+++ b/src/frontend/src/icp/components/convert/ConvertToBTC.svelte
@@ -5,8 +5,8 @@
import IcSendModal from '$icp/components/send/IcSendModal.svelte';
import { ckBtcMinterInfoStore } from '$icp/stores/ckbtc.store';
import type { OptionIcCkToken } from '$icp/types/ic';
+ import ButtonHero from '$lib/components/hero/ButtonHero.svelte';
import IconCkConvert from '$lib/components/icons/IconCkConvert.svelte';
- import ButtonHero from '$lib/components/ui/ButtonHero.svelte';
import { isBusy } from '$lib/derived/busy.derived';
import { modalConvertCkBTCToBTC } from '$lib/derived/modal.derived';
import { tokenId } from '$lib/derived/token.derived';
diff --git a/src/frontend/src/lib/components/buy/BuyButton.svelte b/src/frontend/src/lib/components/buy/BuyButton.svelte
index 3159071c12..c401debb8e 100644
--- a/src/frontend/src/lib/components/buy/BuyButton.svelte
+++ b/src/frontend/src/lib/components/buy/BuyButton.svelte
@@ -1,7 +1,7 @@
@@ -13,13 +17,13 @@
-
- {$i18n.hero.text.available_balance}
+
+ {$anyBalanceNonZero ? $i18n.hero.text.available_balance : $i18n.hero.text.top_up}
diff --git a/src/frontend/src/lib/components/hero/Actions.svelte b/src/frontend/src/lib/components/hero/Actions.svelte
index 96f282674c..ff7b894b6f 100644
--- a/src/frontend/src/lib/components/hero/Actions.svelte
+++ b/src/frontend/src/lib/components/hero/Actions.svelte
@@ -16,6 +16,7 @@
import Receive from '$lib/components/receive/Receive.svelte';
import Send from '$lib/components/send/Send.svelte';
import HeroButtonGroup from '$lib/components/ui/HeroButtonGroup.svelte';
+ import { anyBalanceNonZero } from '$lib/derived/balances.derived';
import {
networkEthereum,
networkICP,
@@ -41,6 +42,9 @@
let isTransactionsPage = false;
$: isTransactionsPage = isRouteTransactions($page);
+
+ let sendAction = false;
+ $: sendAction = $anyBalanceNonZero || isTransactionsPage;
@@ -55,7 +59,9 @@
{/if}
-
+ {#if sendAction}
+
+ {/if}
{#if isTransactionsPage}
{#if convertEth}
diff --git a/src/frontend/src/lib/components/hero/Balance.svelte b/src/frontend/src/lib/components/hero/Balance.svelte
index 27611d3419..4c72048d07 100644
--- a/src/frontend/src/lib/components/hero/Balance.svelte
+++ b/src/frontend/src/lib/components/hero/Balance.svelte
@@ -1,10 +1,14 @@
@@ -14,7 +18,7 @@
{#if nonNullish(token?.balance) && nonNullish(token?.symbol) && !token.balance.isZero()}
{token.symbol}
{:else}
- 0.00
+ 0.00
{/if}
diff --git a/src/frontend/src/lib/components/ui/ButtonHero.svelte b/src/frontend/src/lib/components/hero/ButtonHero.svelte
similarity index 57%
rename from src/frontend/src/lib/components/ui/ButtonHero.svelte
rename to src/frontend/src/lib/components/hero/ButtonHero.svelte
index 0badc453ef..3a955d8251 100644
--- a/src/frontend/src/lib/components/ui/ButtonHero.svelte
+++ b/src/frontend/src/lib/components/hero/ButtonHero.svelte
@@ -1,13 +1,25 @@
-