diff --git a/src/components/Send/DestinationInputField.tsx b/src/components/Send/DestinationInputField.tsx
index 72537906..8141840d 100644
--- a/src/components/Send/DestinationInputField.tsx
+++ b/src/components/Send/DestinationInputField.tsx
@@ -146,12 +146,7 @@ export const DestinationInputField = ({
disabled={disabled || !walletInfo}
>
-
+
diff --git a/src/components/Send/FeeBreakdown.tsx b/src/components/Send/FeeBreakdown.tsx
index 0b6cb46c..f4167a27 100644
--- a/src/components/Send/FeeBreakdown.tsx
+++ b/src/components/Send/FeeBreakdown.tsx
@@ -4,7 +4,7 @@ import classNames from 'classnames'
import Balance from '../Balance'
import * as rb from 'react-bootstrap'
import { useSettings } from '../../context/SettingsContext'
-import { SATS, factorToPercentage, formatSats } from '../../utils'
+import { factorToPercentage, formatSats } from '../../utils'
import { FeeValues } from '../../hooks/Fees'
import { AmountSats } from '../../libs/JmWalletApi'
@@ -47,7 +47,7 @@ const FeeCard = ({ amount, feeConfigValue, highlight, subtitle, onClick }: FeeCa
) : (
<>
≤
-
+
>
)}
>
diff --git a/src/components/Send/SendForm.tsx b/src/components/Send/SendForm.tsx
index 0941999f..33ed560a 100644
--- a/src/components/Send/SendForm.tsx
+++ b/src/components/Send/SendForm.tsx
@@ -13,10 +13,10 @@ import CollaboratorsSelector from './CollaboratorsSelector'
import { SweepBreakdown } from './SweepBreakdown'
import FeeBreakdown from './FeeBreakdown'
import Accordion from '../Accordion'
+import Balance from '../Balance'
import FeeConfigModal, { FeeConfigSectionKey } from '../settings/FeeConfigModal'
import { useEstimatedMaxCollaboratorFee, FeeValues } from '../../hooks/Fees'
import { buildCoinjoinRequirementSummary } from '../../hooks/CoinjoinRequirements'
-import { formatSats } from '../../utils'
import {
MAX_NUM_COLLABORATORS,
isValidAddress,
@@ -26,6 +26,7 @@ import {
} from './helpers'
import { AccountBalanceSummary } from '../../context/BalanceSummary'
import { WalletInfo } from '../../context/WalletContext'
+import { useSettings } from '../../context/SettingsContext'
import styles from './SendForm.module.css'
type CollaborativeTransactionOptionsProps = {
@@ -51,6 +52,7 @@ function CollaborativeTransactionOptions({
feeConfigValues,
reloadFeeConfigValues,
}: CollaborativeTransactionOptionsProps) {
+ const settings = useSettings()
const { t } = useTranslation()
const [activeFeeConfigModalSection, setActiveFeeConfigModalSection] = useState()
@@ -78,10 +80,15 @@ function CollaborativeTransactionOptions({
{t('send.fee_breakdown.title', {
- maxCollaboratorFee: estimatedMaxCollaboratorFee
- ? `≤${formatSats(estimatedMaxCollaboratorFee)} sats`
- : '...',
+ maxCollaboratorFee: estimatedMaxCollaboratorFee !== null ? '≤' : '...',
})}
+ {estimatedMaxCollaboratorFee !== null && (
+
+ )}
- {sourceJarBalance && (
- {
- setActiveFeeConfigModalSection('cj_fee')
- setShowFeeConfigModal(true)
- }}
- />
- )}
+ {
+ setActiveFeeConfigModalSection('cj_fee')
+ setShowFeeConfigModal(true)
+ }}
+ />
{showFeeConfigModal && (