From a82665986d1a6d750d65ea737ddc95b03e8d5bd4 Mon Sep 17 00:00:00 2001
From: AlecM33 <leohfx@gmail.com>
Date: Tue, 18 Jan 2022 20:44:10 -0500
Subject: [PATCH] tab to mod trasnferrable people

---
 client/src/modules/GameStateRenderer.js | 10 +++++++---
 client/src/modules/Templates.js         |  2 +-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/client/src/modules/GameStateRenderer.js b/client/src/modules/GameStateRenderer.js
index 0142df3..188741a 100644
--- a/client/src/modules/GameStateRenderer.js
+++ b/client/src/modules/GameStateRenderer.js
@@ -254,15 +254,19 @@ function renderPotentialMods (gameState, group, transferModHandlers, socket) {
         if ((member.out || member.userType === globals.USER_TYPES.SPECTATOR) && !(member.id === gameState.client.id)) {
             const container = document.createElement('div');
             container.classList.add('potential-moderator');
+            container.setAttribute("tabindex", "0");
             container.dataset.pointer = member.id;
             container.innerText = member.name;
-            transferModHandlers[member.id] = () => {
-                if (confirm('Transfer moderator powers to ' + member.name + '?')) {
-                    socket.emit(globals.COMMANDS.TRANSFER_MODERATOR, gameState.accessCode, member.id);
+            transferModHandlers[member.id] = (e) => {
+                if (e.type === 'click' || e.code === 'Enter') {
+                    if (confirm('Transfer moderator powers to ' + member.name + '?')) {
+                        socket.emit(globals.COMMANDS.TRANSFER_MODERATOR, gameState.accessCode, member.id);
+                    }
                 }
             };
 
             container.addEventListener('click', transferModHandlers[member.id]);
+            container.addEventListener('keyup', transferModHandlers[member.id]);
             modalContent.appendChild(container);
         }
     }
diff --git a/client/src/modules/Templates.js b/client/src/modules/Templates.js
index 45977ee..5c40a42 100644
--- a/client/src/modules/Templates.js
+++ b/client/src/modules/Templates.js
@@ -75,7 +75,7 @@ export const templates = {
     '</div>',
     MODERATOR_GAME_VIEW:
     "<div id='transfer-mod-modal-background' class='modal-background' style='display: none'></div>" +
-    "<div id='transfer-mod-modal' class='modal' style='display: none'>" +
+    "<div tabindex='-1' id='transfer-mod-modal' class='modal' style='display: none'>" +
         '<h3>Transfer Mod Powers &#128081;</h3>' +
         "<div id='transfer-mod-modal-content'></div>" +
         "<div class='modal-button-container'>" +