From 8360ae0e997db6e969861e2078832239d44a69e1 Mon Sep 17 00:00:00 2001
From: Nischal Shetty <nischal2004coc@gmail.com>
Date: Wed, 6 Nov 2024 20:31:38 +0530
Subject: [PATCH] display note without selection,fixed dark mode bug

---
 .../jar_details/JarDetailsOverlay.module.css  |  5 +++++
 .../jar_details/JarDetailsOverlay.tsx         | 22 +++++++++----------
 2 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/components/jar_details/JarDetailsOverlay.module.css b/src/components/jar_details/JarDetailsOverlay.module.css
index 1b4e5026..cc521477 100644
--- a/src/components/jar_details/JarDetailsOverlay.module.css
+++ b/src/components/jar_details/JarDetailsOverlay.module.css
@@ -129,6 +129,11 @@
   background-color: var(--bs-gray-800) !important;
 }
 
+:root[data-theme='dark'] .freezeUnfreezeButtonsContainer button:disabled {
+  color: var(--bs-gray-400) !important;
+  border-color: var(--bs-gray-500) !important;
+}
+
 :root[data-theme='dark'] .freezeUnfreezeButtonsContainer button:hover {
   background-color: var(--bs-gray-900) !important;
   border-color: var(--bs-gray-900) !important;
diff --git a/src/components/jar_details/JarDetailsOverlay.tsx b/src/components/jar_details/JarDetailsOverlay.tsx
index 1a8a82a4..447c8796 100644
--- a/src/components/jar_details/JarDetailsOverlay.tsx
+++ b/src/components/jar_details/JarDetailsOverlay.tsx
@@ -370,20 +370,20 @@ const JarDetailsOverlay = (props: JarDetailsOverlayProps) => {
                           </Trans>
                         </div>
                       </div>
+                      {!isActionsEnabled && (
+                        <div className="d-flex align-items-center mb-2 fw-bold text-secondary">
+                          <Sprite
+                            className="rounded-circle border border-1 me-2 border-secondary"
+                            symbol="info"
+                            width="20"
+                            height="20"
+                          />
+                          <Trans i18nKey="jar_details.utxo_list.subtitle_options_disabled" />
+                        </div>
+                      )}
                       {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="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}