From ee8c388eeaa4d0e138320c7a3d986834c79c5ec0 Mon Sep 17 00:00:00 2001
From: Daniel LaCosse <3759828+daniellacosse@users.noreply.github.com>
Date: Wed, 16 Oct 2024 13:27:46 -0400
Subject: [PATCH] access key tab

---
 server_manager/messages/master_messages.json          | 10 ++++++++++
 .../www/ui_components/outline-server-view.ts          | 11 ++++++++---
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/server_manager/messages/master_messages.json b/server_manager/messages/master_messages.json
index db1386ade8..729b23474e 100644
--- a/server_manager/messages/master_messages.json
+++ b/server_manager/messages/master_messages.json
@@ -1051,6 +1051,16 @@
     "message": "Access keys",
     "description": "This string appears within the server view as a header of a table column that displays server access keys."
   },
+  "server_access_keys_tab": {
+    "message": "Access keys ($KEY_COUNT$)",
+    "description": "This string is a tab header indicating to the user that they're currently managing their access keys.",
+    "placeholders": {
+      "KEY_COUNT": {
+        "content": "{keyCount}",
+        "example": "12"
+      }
+    }
+  },
   "server_connections": {
     "message": "Connections",
     "description": "This string appears within the server view as a header of the section that displays server information and access keys."
diff --git a/server_manager/www/ui_components/outline-server-view.ts b/server_manager/www/ui_components/outline-server-view.ts
index 0fbd1118ef..935862475d 100644
--- a/server_manager/www/ui_components/outline-server-view.ts
+++ b/server_manager/www/ui_components/outline-server-view.ts
@@ -549,10 +549,15 @@ export class ServerView extends DirMixin(PolymerElement) {
           attr-for-selected="name"
           noink=""
         >
-          <paper-tab name="connections"
-            >[[localize('server-connections')]]</paper-tab
-          >
+          <template is="dom-if" if="{{!featureFlags.serverMetricsTab}}">
+            <paper-tab name="connections"
+              >[[localize('server-connections')]]</paper-tab
+            >
+          </template>
           <template is="dom-if" if="{{featureFlags.serverMetricsTab}}">
+            <paper-tab name="connections">
+              [[localize('server-access-key-tab', accessKeyRows.length)]]
+            </paper-tab>
             <paper-tab name="metrics">[[localize('server-metrics')]]</paper-tab>
           </template>
           <paper-tab name="settings" id="settingsTab"