From 564bd49768dfc79043ac11dd6169a66644c74410 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sat, 1 Apr 2023 03:03:53 +0530
Subject: [PATCH] UI bug fixes

---
 manage.html | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/manage.html b/manage.html
index 16a925a..200ae1b 100644
--- a/manage.html
+++ b/manage.html
@@ -108,7 +108,7 @@
                                     d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" />
                             </svg>
                         </sm-input>
-                        <div class="flex gap-0-5 align-center hidden">
+                        <div id="selected_wrapper" class="flex gap-0-5 align-center hidden">
                             <button class="button icon-only" title="Clear selection" onclick="clearSelection()">
                                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
                                     width="24px" fill="#000000">
@@ -118,8 +118,8 @@
                                 </svg>
                             </button>
                             <div id="selected_addresses"></div>
-                            <div class="multi-state-button">
-                                <button id="revoke_kyc_button" class="button button--primary margin-left-auto"
+                            <div class="multi-state-button margin-left-auto">
+                                <button id="revoke_kyc_button" class="button button--primary"
                                     onclick="revokeAddresses()">Revoke selected</button>
                             </div>
                         </div>
@@ -297,18 +297,19 @@
             } else {
                 addressesToRevoke.delete(e.target.value)
             }
+            console.log(addressesToRevoke)
             if (addressesToRevoke.size) {
                 getRef('selected_addresses').textContent = `${addressesToRevoke.size} selected`
-                getRef('revoke_kyc_button').parentElement.classList.remove('hidden')
+                getRef('selected_wrapper').classList.remove('hidden')
             } else {
                 getRef('selected_addresses').textContent = ``
-                getRef('revoke_kyc_button').parentElement.classList.add('hidden')
+                getRef('selected_wrapper').classList.add('hidden')
             }
         })
         function clearSelection() {
             addressesToRevoke.clear()
             getRef('selected_addresses').textContent = ``
-            getRef('revoke_kyc_button').parentElement.classList.add('hidden')
+            getRef('selected_wrapper').classList.add('hidden')
             getRef('approved_kyc_addresses').querySelectorAll('input').forEach(input => input.checked = false)
         }
         getRef('aggregator_private_key').addEventListener('input', e => {