From 8620fdca8593bdd1bef2921625bd0b7b3a5f0775 Mon Sep 17 00:00:00 2001
From: Phil Renaud <phil.renaud@hashicorp.com>
Date: Wed, 8 May 2024 12:33:58 -0400
Subject: [PATCH] Adds the token name to the Profile link in the top nav
 (#20539)

---
 .changelog/20539.txt                      | 3 +++
 ui/app/components/profile-navbar-item.hbs | 5 ++---
 2 files changed, 5 insertions(+), 3 deletions(-)
 create mode 100644 .changelog/20539.txt

diff --git a/.changelog/20539.txt b/.changelog/20539.txt
new file mode 100644
index 000000000..f924542ec
--- /dev/null
+++ b/.changelog/20539.txt
@@ -0,0 +1,3 @@
+```release-note:improvement
+ui: Added token.name information to the top nav for ease of operator debugging
+```
diff --git a/ui/app/components/profile-navbar-item.hbs b/ui/app/components/profile-navbar-item.hbs
index cf63970cc..3c6f1a13d 100644
--- a/ui/app/components/profile-navbar-item.hbs
+++ b/ui/app/components/profile-navbar-item.hbs
@@ -7,9 +7,8 @@
   <Hds::Dropdown @color="secondary" class="profile-dropdown"
     {{keyboard-shortcut menuLevel=true pattern=(array "g" "p") }}
     as |dd|>
-    <dd.ToggleIcon @color="secondary" @icon="user-circle" @text="user menu" @size="small" data-test-header-profile-dropdown />
-    <dd.Title @text="Signed In" />
-    <dd.Description @text={{this.token.selfToken.name}} />
+    <dd.ToggleButton @color="secondary" @icon="user-circle" @text={{this.token.selfToken.name}} @size="small" data-test-header-profile-dropdown />
+    <dd.Description @text="Signed In" />
     <dd.Separator />
     <dd.Interactive @route="settings.tokens" @text="Profile" data-test-profile-dropdown-profile-link />
     <dd.Interactive {{on "click" this.signOut}} @text="Sign Out" @color="critical" data-test-profile-dropdown-sign-out-link />