feat(send): display tx fee input field only with supported backends

joinmarket-webui · Jan 25, 2024 · b17c0bb · b17c0bb
1 parent fd051ca
commit b17c0bb
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 6 deletions.
diff --git a/src/components/Send/SendForm.tsx b/src/components/Send/SendForm.tsx
@@ -30,6 +30,8 @@ import { WalletInfo } from '../../context/WalletContext'
 import { useSettings } from '../../context/SettingsContext'
 import styles from './SendForm.module.css'
 import { TxFeeInputField, validateTxFee } from '../settings/TxFeeInputField'
+import { useServiceInfo } from '../../context/ServiceInfoContext'
+import { isFeatureEnabled } from '../../constants/features'
 
 type CollaborativeTransactionOptionsProps = {
   selectedAmount?: AmountValue
@@ -54,8 +56,8 @@ function CollaborativeTransactionOptions({
   feeConfigValues,
   reloadFeeConfigValues,
 }: CollaborativeTransactionOptionsProps) {
-  const settings = useSettings()
   const { t } = useTranslation()
+  const settings = useSettings()
 
   const [activeFeeConfigModalSection, setActiveFeeConfigModalSection] = useState<FeeConfigSectionKey>()
   const [showFeeConfigModal, setShowFeeConfigModal] = useState(false)
@@ -238,6 +240,7 @@ const InnerSendForm = ({
   disabled = false,
 }: InnerSendFormProps) => {
   const { t } = useTranslation()
+  const serviceInfo = useServiceInfo()
 
   const jarBalances = useMemo(() => {
     if (!walletInfo) return []
@@ -343,9 +346,16 @@ const InnerSendForm = ({
             />
           </div>
 
-          <div className="mb-4">
-            <Field name="txFee" label={t('send.label_tx_fees')} className={styles.input} component={TxFeeInputField} />
-          </div>
+          {serviceInfo && isFeatureEnabled('txFeeOnSend', serviceInfo) && (
+            <div className="mb-4">
+              <Field
+                name="txFee"
+                label={t('send.label_tx_fees')}
+                className={styles.input}
+                component={TxFeeInputField}
+              />
+            </div>
+          )}
         </Accordion>
 
         <SubmitButton

diff --git a/src/constants/features.ts b/src/constants/features.ts
@@ -3,13 +3,13 @@ import { ServiceInfo } from '../context/ServiceInfoContext'
 interface Features {
   importWallet: SemVer
   rescanChain: SemVer
-  directSendTxFee: SemVer
+  txFeeOnSend: SemVer
 }
 
 const features: Features = {
   importWallet: { major: 0, minor: 9, patch: 10 }, // added in https://github.com/JoinMarket-Org/joinmarket-clientserver/pull/1461
   rescanChain: { major: 0, minor: 9, patch: 10 }, // added in https://github.com/JoinMarket-Org/joinmarket-clientserver/pull/1461
-  directSendTxFee: { major: 0, minor: 9, patch: 10 }, // added in https://github.com/JoinMarket-Org/joinmarket-clientserver/pull/1597
+  txFeeOnSend: { major: 0, minor: 9, patch: 11 }, // added in https://github.com/JoinMarket-Org/joinmarket-clientserver/pull/1597
 }
 
 type Feature = keyof Features