added note when freeze/unfreeze is disabled

joinmarket-webui · Nov 6, 2024 · bc9e416 · bc9e416
1 parent 68b7d3f
commit bc9e416
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 5 deletions.
diff --git a/src/components/jar_details/JarDetailsOverlay.module.css b/src/components/jar_details/JarDetailsOverlay.module.css
@@ -104,13 +104,19 @@
   border-radius: 0.35rem;
 }
 
+.freezeUnfreezeButtonsContainer button:disabled {
+  color: var(--bs-gray-800) !important;
+  border-color: var(--bs-gray-900) !important;
+}
+
 .freezeBtn {
   color: var(--bs-blue) !important;
   border-color: var(--bs-blue) !important;
 }
 .freezeBtn:hover {
   background-color: rgba(13, 110, 253, 0.07) !important;
 }
+
 .unfreezeBtn {
   color: var(--bs-red) !important;
   border-color: var(--bs-red) !important;

diff --git a/src/components/jar_details/JarDetailsOverlay.tsx b/src/components/jar_details/JarDetailsOverlay.tsx
@@ -373,12 +373,21 @@ const JarDetailsOverlay = (props: JarDetailsOverlayProps) => {
                       {selectedUtxos.length > 0 && (
                         <div className="d-flex justify-content-between align-items-center w-100 flex-sm-row flex-column gap-2">
                           <div className="order-1 order-sm-0">
-                            {isActionsEnabled && (
-                              <div className={styles.freezeUnfreezeButtonsContainer}>
-                                {freezeButton}
-                                {unfreezeButton}
+                            {!isActionsEnabled && (
+                              <div className="d-flex align-items-center mb-2 fw-bold text-secondary">
+                                <Sprite
+                                  className="rounded-circle border border-1 me-2"
+                                  symbol="info"
+                                  width="20"
+                                  height="20"
+                                />
+                                <Trans i18nKey="jar_details.utxo_list.subtitle_options_disabled" />
                               </div>
                             )}
+                            <div className={styles.freezeUnfreezeButtonsContainer}>
+                              {freezeButton}
+                              {unfreezeButton}
+                            </div>
                           </div>
                           {selectedUtxosBalance > 0 && (
                             <div className="order-0 order-sm-1">

diff --git a/src/i18n/locales/en/translation.json b/src/i18n/locales/en/translation.json
@@ -719,7 +719,8 @@
       "utxo_detail_label_confirmations": "Confirmations",
       "utxo_detail_label_is_frozen": "Is frozen",
       "utxo_detail_label_locktime": "Locktime",
-      "utxo_detail_label_status": "Address status"
+      "utxo_detail_label_status": "Address status",
+      "subtitle_options_disabled": "A Maker/Taker operation is in progress. Some operations are disabled"
     }
   },
   "show_utxos": {