From 94a436c0aa88af060dc98210308afce451bff223 Mon Sep 17 00:00:00 2001
From: Ian Sanders <iansan5653@github.com>
Date: Tue, 12 Dec 2023 14:24:33 +0000
Subject: [PATCH] Add user agent to mapper tool

---
 pages/hotkey_mapper.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/pages/hotkey_mapper.html b/pages/hotkey_mapper.html
index 6a5c5f2..7b197ef 100644
--- a/pages/hotkey_mapper.html
+++ b/pages/hotkey_mapper.html
@@ -40,15 +40,24 @@ <h1 id="app-name">Hotkey Code</h1>
 
           <button id="reset-button" class="btn">Reset</button>
 
-          <clipboard-copy for="hotkey-code" class="btn"> Copy to clipboard </clipboard-copy>
+          <clipboard-copy for="hotkey-code" class="btn">Copy to clipboard</clipboard-copy>
         </div>
       </div>
+
+      <div class="mt-2 color-fg-muted">
+        <span class="text-bold" id="user-agent-label">Your user agent:</span>
+
+        <code id="user-agent" aria-labelledby="user-agent-label" class="d-block">...</code>
+      </div>
     </div>
 
     <script type="module">
       import {eventToHotkeyString} from './hotkey/index.js'
       import {SEQUENCE_DELIMITER, SequenceTracker} from './hotkey/sequence.js'
 
+      const userAgentElement = document.getElementById('user-agent')
+      userAgentElement.textContent = navigator.userAgent
+
       const hotkeyCodeElement = document.getElementById('hotkey-code')
       const sequenceStatusElement = document.getElementById('sequence-status')
       const resetButtonElement = document.getElementById('reset-button')