diff --git a/dapp/src/components/TransactionModal/ActiveUnstakingStep/BuildTransactionModal.tsx b/dapp/src/components/TransactionModal/ActiveUnstakingStep/BuildTransactionModal.tsx
index c6b6f81af..84c3069b3 100644
--- a/dapp/src/components/TransactionModal/ActiveUnstakingStep/BuildTransactionModal.tsx
+++ b/dapp/src/components/TransactionModal/ActiveUnstakingStep/BuildTransactionModal.tsx
@@ -16,10 +16,10 @@ export default function BuildTransactionModal({
return (
<>
- Building transaction data...
+ Preparing withdrawal transaction...
- We are building your withdrawal data.
+ This may take a few minutes.
diff --git a/dapp/src/components/TransactionModal/WalletInteractionModal.tsx b/dapp/src/components/TransactionModal/WalletInteractionModal.tsx
index dbbf4c53b..8a3da5e94 100644
--- a/dapp/src/components/TransactionModal/WalletInteractionModal.tsx
+++ b/dapp/src/components/TransactionModal/WalletInteractionModal.tsx
@@ -10,8 +10,8 @@ import {
ProgressProps,
} from "@chakra-ui/react"
import { AcreSignIcon } from "#/assets/icons"
-import { useActionFlowType, useConnector } from "#/hooks"
-import { ACTION_FLOW_TYPES } from "#/types"
+import { useActionFlowType, useConnector, useIsEmbed } from "#/hooks"
+import { ACTION_FLOW_TYPES, DappMode } from "#/types"
import { Alert, AlertIcon } from "../shared/Alert"
import { TextMd } from "../shared/Typography"
@@ -22,11 +22,16 @@ const ICON_STYLES = {
type WalletInteractionStep = "opening-wallet" | "awaiting-transaction"
+const CONTENT_BY_DAPP_MODE: Record = {
+ standalone: "wallet",
+ "ledger-live": "Ledger Device",
+}
+
const DATA: Record<
WalletInteractionStep,
{
header: string
- description: (action: string) => string
+ description: (action: string, mode: DappMode) => string
progressProps?: ProgressProps
}
> = {
@@ -37,7 +42,8 @@ const DATA: Record<
},
"awaiting-transaction": {
header: "Awaiting signature confirmation",
- description: () => "Waiting for your wallet to confirm the transaction.",
+ description: (_, mode: DappMode) =>
+ `Communicating with your ${CONTENT_BY_DAPP_MODE[mode]}...`,
progressProps: { transform: "scaleX(-1)" },
},
}
@@ -50,6 +56,7 @@ export default function WalletInteractionModal({
const actionType = useActionFlowType()
const connector = useConnector()
const { header, description, progressProps } = DATA[step]
+ const { embeddedApp } = useIsEmbed()
return (
<>
@@ -78,6 +85,7 @@ export default function WalletInteractionModal({
{description(
actionType === ACTION_FLOW_TYPES.STAKE ? "deposit" : "withdraw",
+ embeddedApp ?? "standalone",
)}
{step === "awaiting-transaction" && (
@@ -85,7 +93,6 @@ export default function WalletInteractionModal({
This may take up to a minute.
- Don't close this window.
)}
diff --git a/dapp/src/pages/DashboardPage/PositionDetails.tsx b/dapp/src/pages/DashboardPage/PositionDetails.tsx
index 8346fcc8a..f5b2e30b4 100644
--- a/dapp/src/pages/DashboardPage/PositionDetails.tsx
+++ b/dapp/src/pages/DashboardPage/PositionDetails.tsx
@@ -56,7 +56,7 @@ export default function PositionDetails() {
{/* TODO: Component should be moved to `CardHeader` */}
- Your deposit
+ Your balance
{/* TODO: Uncomment when position will be implemented */}
{/* {positionPercentage && (