feat: display warning on fidelity bond with same expiry date (#741)

joinmarket-webui · Apr 23, 2024 · c04007d · c04007d
1 parent 09e2d75
commit c04007d
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 8 deletions.
diff --git a/src/components/fb/CreateFidelityBond.tsx b/src/components/fb/CreateFidelityBond.tsx
@@ -2,7 +2,14 @@ import { useState, useEffect, useMemo } from 'react'
 import * as rb from 'react-bootstrap'
 import * as Api from '../../libs/JmWalletApi'
 import { Trans, useTranslation } from 'react-i18next'
-import { CurrentWallet, Utxo, Utxos, WalletInfo, useReloadCurrentWalletInfo } from '../../context/WalletContext'
+import {
+  CurrentWallet,
+  Utxo,
+  Utxos,
+  WalletInfo,
+  useCurrentWalletInfo,
+  useReloadCurrentWalletInfo,
+} from '../../context/WalletContext'
 import Alert from '../Alert'
 import Sprite from '../Sprite'
 import {
@@ -112,6 +119,15 @@ const CreateFidelityBond = ({ otherFidelityBondExists, wallet, walletInfo, onDon
     setUtxoIdsToBeSpent([])
   }
 
+  const currentWalletInfo = useCurrentWalletInfo()
+  const fidelityBonds = useMemo(() => {
+    return currentWalletInfo?.fidelityBondSummary.fbOutputs || []
+  }, [currentWalletInfo])
+
+  const bondWithSelectedLockDateAlreadyExists = useMemo(() => {
+    return lockDate && fidelityBonds.some((it) => fb.utxo.getLocktime(it) === fb.lockdate.toTimestamp(lockDate))
+  }, [fidelityBonds, lockDate])
+
   useEffect(() => {
     if (!isExpanded) {
       reset()
@@ -278,11 +294,20 @@ const CreateFidelityBond = ({ otherFidelityBondExists, wallet, walletInfo, onDon
         }
 
         return (
-          <SelectDate
-            description={t('earn.fidelity_bond.select_date.description')}
-            yearsRange={yearsRange}
-            onChange={(date) => setLockDate(date)}
-          />
+          <>
+            <SelectDate
+              description={t('earn.fidelity_bond.select_date.description')}
+              yearsRange={yearsRange}
+              onChange={(date) => setLockDate(date)}
+            />
+            {bondWithSelectedLockDateAlreadyExists && (
+              <Alert
+                className="text-start mt-4"
+                variant="warning"
+                message={<Trans i18nKey="earn.fidelity_bond.select_date.warning_fb_with_same_expiry" />}
+              />
+            )}
+          </>
         )
       case steps.selectJar:
         return (

diff --git a/src/components/fb/LockdateForm.tsx b/src/components/fb/LockdateForm.tsx
@@ -1,7 +1,6 @@
 import { useEffect, useMemo, useState } from 'react'
 import * as rb from 'react-bootstrap'
 import { Trans, useTranslation } from 'react-i18next'
-
 import * as Api from '../../libs/JmWalletApi'
 import * as fb from './utils'
 

diff --git a/src/i18n/locales/en/translation.json b/src/i18n/locales/en/translation.json
@@ -449,7 +449,8 @@
         "text_secondary_button": "Cancel",
         "form_label_year": "Year",
         "form_label_month": "Month",
-        "description": "Fidelity bond expiration date:"
+        "description": "Fidelity bond expiration date:",
+        "warning_fb_with_same_expiry": "<strong>Warning</strong>: A fidelity bond with the same expiry date already exists."
       },
       "select_jar": {
         "text_primary_button": "Next",