From 6e590a78a091a6437030f1160d539cf37b6ff5cb Mon Sep 17 00:00:00 2001
From: Vladyslav Matsiiako <matsiiako@gmail.com>
Date: Tue, 25 Feb 2025 17:30:15 +0900
Subject: [PATCH] fix lint issues

---
 .../SecretListView/SecretDetailSidebar.tsx    | 29 ++++++++++++++-----
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/frontend/src/pages/secret-manager/SecretDashboardPage/components/SecretListView/SecretDetailSidebar.tsx b/frontend/src/pages/secret-manager/SecretDashboardPage/components/SecretListView/SecretDetailSidebar.tsx
index 8c41b53d7..ef789645b 100644
--- a/frontend/src/pages/secret-manager/SecretDashboardPage/components/SecretListView/SecretDetailSidebar.tsx
+++ b/frontend/src/pages/secret-manager/SecretDashboardPage/components/SecretListView/SecretDetailSidebar.tsx
@@ -629,24 +629,39 @@ export const SecretDetailSidebar = ({
                                 >
                                   {secretValue}
                                 </span>
-                                <FontAwesomeIcon 
-                                  icon={faEyeSlash} 
+                                <button 
+                                  type="button"
                                   className="ml-1 cursor-pointer" 
                                   onClick={(e) => {
                                     e.stopPropagation();
                                     e.currentTarget.closest('.group')?.classList.remove('show-value');
                                   }}
-                                />
+                                  onKeyDown={(e) => {
+                                    if (e.key === 'Enter' || e.key === ' ') {
+                                      e.stopPropagation();
+                                      e.currentTarget.closest('.group')?.classList.remove('show-value');
+                                    }
+                                  }}
+                                >
+                                  <FontAwesomeIcon icon={faEyeSlash} />
+                                </button>
                               </div>
                               <span className="group-[.show-value]:hidden">
                                 {secretValue?.replace(/./g, '*')}
-                                <FontAwesomeIcon 
-                                  icon={faEye} 
-                                  className="ml-1 cursor-pointer" 
+                                <button 
+                                  type="button"
+                                  className="ml-1 cursor-pointer"
                                   onClick={(e) => {
                                     e.currentTarget.closest('.group')?.classList.add('show-value');
                                   }}
-                                />
+                                  onKeyDown={(e) => {
+                                    if (e.key === 'Enter' || e.key === ' ') {
+                                      e.currentTarget.closest('.group')?.classList.add('show-value');
+                                    }
+                                  }}
+                                >
+                                  <FontAwesomeIcon icon={faEye} />
+                                </button>
                               </span>
                             </div>
                           </div>