diff --git a/apps/frontend/src/components/ui/dashboard/WithdrawFeeBreakdown.vue b/apps/frontend/src/components/ui/dashboard/WithdrawFeeBreakdown.vue
index ed58bfbe..211b95b7 100644
--- a/apps/frontend/src/components/ui/dashboard/WithdrawFeeBreakdown.vue
+++ b/apps/frontend/src/components/ui/dashboard/WithdrawFeeBreakdown.vue
@@ -8,10 +8,21 @@
leave-to-class="opacity-0 max-h-0"
>
-
- {{ formatMessage(messages.feeBreakdownAmount) }}
- {{ formatMoney(amount || 0) }}
-
+
+
+ {{ formatMessage(messages.feeBreakdownGiftCardValue) }}
+ {{ formatMoney(amount || 0) }} ({{ formattedLocalCurrency }})
+
+
+
+
+ {{ formatMessage(messages.feeBreakdownAmount) }}
+ {{ formatMoney(amount || 0) }}
+
+
+
{{ formatMessage(messages.feeBreakdownFee) }}
@@ -21,6 +32,7 @@
-{{ formatMoney(fee || 0) }}
+
{{ formatMessage(messages.feeBreakdownNetAmount) }}
@@ -31,7 +43,7 @@
-
+
{{ formatMessage(messages.feeBreakdownExchangeRate) }}
(),
{
exchangeRate: null,
localCurrency: undefined,
+ isGiftCard: false,
},
)
@@ -115,5 +129,13 @@ const messages = defineMessages({
id: 'dashboard.creator-withdraw-modal.fee-breakdown-exchange-rate',
defaultMessage: 'FX rate',
},
+ feeBreakdownGiftCardValue: {
+ id: 'dashboard.creator-withdraw-modal.fee-breakdown-gift-card-value',
+ defaultMessage: 'Gift card value',
+ },
+ feeBreakdownUsdEquivalent: {
+ id: 'dashboard.creator-withdraw-modal.fee-breakdown-usd-equivalent',
+ defaultMessage: 'USD equivalent',
+ },
})
diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/TremendousDetailsStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/TremendousDetailsStage.vue
index c0d24ffb..c9d7a985 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/TremendousDetailsStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/TremendousDetailsStage.vue
@@ -161,24 +161,32 @@
-
+
+
+
+
-
- {{ formatMessage(messages.enterAmountHint) }}
+
+ {{
+ formatMessage(messages.balanceWorthHint, {
+ usdBalance: formatMoney(roundedMaxAmount),
+ localBalance: formatAmountForDisplay(
+ roundedMaxAmount,
+ selectedMethodCurrencyCode,
+ selectedMethodExchangeRate,
+ ),
+ })
+ }}
@@ -202,24 +226,60 @@
leave-to-class="opacity-0 max-h-0"
>
-
+ {{ formatMessage(messages.availableDenominationsLabel) }}
+
+
+
+
+
+ {{ formatMessage(messages.selectDenominationRequired) }}
+
+
+ {{
+ formatMessage(messages.balanceWorthHint, {
+ usdBalance: formatMoney(roundedMaxAmount),
+ localBalance: formatAmountForDisplay(
+ roundedMaxAmount,
selectedMethodCurrencyCode,
selectedMethodExchangeRate,
- )
- "
- :never-empty="false"
- :capitalize="false"
- />
+ ),
+ })
+ }}
+
@@ -243,27 +303,6 @@
-
-
- {{ formatMessage(messages.selectDenominationRequired) }}
-
-
-
@@ -308,6 +350,7 @@