From 6506289e27cd79da17085988e016a85811c570b5 Mon Sep 17 00:00:00 2001
From: claire bontempo <68122737+hellobontempo@users.noreply.github.com>
Date: Tue, 8 Oct 2024 21:06:39 +0000
Subject: [PATCH] backport of commit 902d853f7a62076b90830d375f69313747ca0797

---
 changelog/28629.txt                                   |  3 +++
 ui/app/templates/components/secret-edit.hbs           |  1 +
 ui/lib/kv/addon/components/kv-page-header.hbs         |  5 ++++-
 ui/lib/kv/addon/components/page/secret/details.hbs    |  2 +-
 .../addon/components/page/secret/metadata/details.hbs |  2 +-
 .../page/secret/metadata/version-history.hbs          |  2 +-
 ui/lib/kv/addon/components/page/secret/overview.hbs   |  2 +-
 ui/lib/kv/addon/components/page/secret/paths.hbs      |  2 +-
 .../integration/components/kv/kv-page-header-test.js  | 11 ++++++++++-
 9 files changed, 23 insertions(+), 7 deletions(-)
 create mode 100644 changelog/28629.txt

diff --git a/changelog/28629.txt b/changelog/28629.txt
new file mode 100644
index 000000000000..7d10d6da64e6
--- /dev/null
+++ b/changelog/28629.txt
@@ -0,0 +1,3 @@
+```release-note:improvement
+ui: Add button to copy secret path in kv v1 and v2 secrets engines
+```
diff --git a/ui/app/templates/components/secret-edit.hbs b/ui/app/templates/components/secret-edit.hbs
index 8c875103809c..f93325545f29 100644
--- a/ui/app/templates/components/secret-edit.hbs
+++ b/ui/app/templates/components/secret-edit.hbs
@@ -22,6 +22,7 @@
           Edit Secret
         {{else}}
           {{@key.id}}
+          <Hds::Copy::Button @isIconOnly={{true}} @text="Copy your secret path" @textToCopy={{@key.id}} />
         {{/if}}
       </h1>
     </p.levelLeft>
diff --git a/ui/lib/kv/addon/components/kv-page-header.hbs b/ui/lib/kv/addon/components/kv-page-header.hbs
index fc62e70abce2..2a089f904244 100644
--- a/ui/lib/kv/addon/components/kv-page-header.hbs
+++ b/ui/lib/kv/addon/components/kv-page-header.hbs
@@ -13,6 +13,9 @@
         <Icon @name="key-values" @size="24" class="has-text-grey-light" />
         {{@mountName}}
         <span class="tag">version 2</span>
+      {{else if @secretPath}}
+        {{@secretPath}}
+        <Hds::Copy::Button @isIconOnly={{true}} @text="Copy your secret path" @textToCopy={{@secretPath}} />
       {{else}}
         {{@pageTitle}}
       {{/if}}
@@ -35,7 +38,7 @@
 {{/if}}
 
 {{#if (or (has-block "toolbarFilters") (has-block "toolbarActions"))}}
-  <Toolbar aria-label="menu items for managing {{or @mountName @pageTitle}}">
+  <Toolbar aria-label="menu items for managing {{or @mountName @secretPath @pageTitle}}">
     <ToolbarFilters aria-label="filters for secrets list">
       {{yield to="toolbarFilters"}}
     </ToolbarFilters>
diff --git a/ui/lib/kv/addon/components/page/secret/details.hbs b/ui/lib/kv/addon/components/page/secret/details.hbs
index 496eda16d4e1..e7e9f1de5b9c 100644
--- a/ui/lib/kv/addon/components/page/secret/details.hbs
+++ b/ui/lib/kv/addon/components/page/secret/details.hbs
@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 ~}}
 
-<KvPageHeader @breadcrumbs={{@breadcrumbs}} @pageTitle={{@path}}>
+<KvPageHeader @breadcrumbs={{@breadcrumbs}} @secretPath={{@path}}>
   <:syncDetails>
     {{#if this.syncStatus}}
       <Hds::Alert data-test-sync-alert @type="inline" class="has-top-margin-s has-bottom-margin-m" @color="neutral" as |A|>
diff --git a/ui/lib/kv/addon/components/page/secret/metadata/details.hbs b/ui/lib/kv/addon/components/page/secret/metadata/details.hbs
index 1dff3801d665..c55ae3ce89d3 100644
--- a/ui/lib/kv/addon/components/page/secret/metadata/details.hbs
+++ b/ui/lib/kv/addon/components/page/secret/metadata/details.hbs
@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 ~}}
 
-<KvPageHeader @breadcrumbs={{@breadcrumbs}} @pageTitle={{@path}}>
+<KvPageHeader @breadcrumbs={{@breadcrumbs}} @secretPath={{@path}}>
   <:tabLinks>
     <li>
       <LinkTo @route="secret.index" @models={{array @backend @path}} data-test-secrets-tab="Overview">Overview</LinkTo>
diff --git a/ui/lib/kv/addon/components/page/secret/metadata/version-history.hbs b/ui/lib/kv/addon/components/page/secret/metadata/version-history.hbs
index db914d3345d4..93359dfada56 100644
--- a/ui/lib/kv/addon/components/page/secret/metadata/version-history.hbs
+++ b/ui/lib/kv/addon/components/page/secret/metadata/version-history.hbs
@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 ~}}
 
-<KvPageHeader @breadcrumbs={{@breadcrumbs}} @pageTitle={{@path}}>
+<KvPageHeader @breadcrumbs={{@breadcrumbs}} @secretPath={{@path}}>
   <:tabLinks>
     <li>
       <LinkTo @route="secret.index" @models={{array @backend @path}} data-test-secrets-tab="Overview">Overview</LinkTo>
diff --git a/ui/lib/kv/addon/components/page/secret/overview.hbs b/ui/lib/kv/addon/components/page/secret/overview.hbs
index 685165888175..3fe1edec20a1 100644
--- a/ui/lib/kv/addon/components/page/secret/overview.hbs
+++ b/ui/lib/kv/addon/components/page/secret/overview.hbs
@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 ~}}
 
-<KvPageHeader @breadcrumbs={{@breadcrumbs}} @pageTitle={{@path}}>
+<KvPageHeader @breadcrumbs={{@breadcrumbs}} @secretPath={{@path}}>
   <:tabLinks>
     <li>
       <LinkTo @route="secret.index" @models={{array @backend @path}} data-test-secrets-tab="Overview">Overview</LinkTo>
diff --git a/ui/lib/kv/addon/components/page/secret/paths.hbs b/ui/lib/kv/addon/components/page/secret/paths.hbs
index bb866b498555..e613a709a361 100644
--- a/ui/lib/kv/addon/components/page/secret/paths.hbs
+++ b/ui/lib/kv/addon/components/page/secret/paths.hbs
@@ -3,7 +3,7 @@
   SPDX-License-Identifier: BUSL-1.1
 ~}}
 
-<KvPageHeader @breadcrumbs={{@breadcrumbs}} @pageTitle={{@path}}>
+<KvPageHeader @breadcrumbs={{@breadcrumbs}} @secretPath={{@path}}>
   <:tabLinks>
     <li>
       <LinkTo @route="secret.index" @models={{array @backend @path}} data-test-secrets-tab="Overview">Overview</LinkTo>
diff --git a/ui/tests/integration/components/kv/kv-page-header-test.js b/ui/tests/integration/components/kv/kv-page-header-test.js
index 2933d4490d36..687b9dc9df8b 100644
--- a/ui/tests/integration/components/kv/kv-page-header-test.js
+++ b/ui/tests/integration/components/kv/kv-page-header-test.js
@@ -54,7 +54,7 @@ module('Integration | Component | kv | kv-page-header', function (hooks) {
       .exists('final breadcrumb renders and it is not a link.');
   });
 
-  test('it renders a custom title for a non engine view', async function (assert) {
+  test('it renders a custom title for @pageTitle', async function (assert) {
     assert.expect(2);
     await render(hbs`<KvPageHeader @breadcrumbs={{this.breadcrumbs}} @pageTitle="Create new version"/>`, {
       owner: this.engine,
@@ -63,6 +63,15 @@ module('Integration | Component | kv | kv-page-header', function (hooks) {
     assert.dom('[data-test-header-title] svg').doesNotExist('Does not show icon if not at engine level.');
   });
 
+  test('it renders a title and copy button for @secretPath', async function (assert) {
+    await render(hbs`<KvPageHeader @breadcrumbs={{this.breadcrumbs}} @secretPath="my/secret/path"/>`, {
+      owner: this.engine,
+    });
+    assert.dom('[data-test-header-title]').hasText('my/secret/path', 'displays path');
+    assert.dom('[data-test-header-title] button').exists('renders copy button for path');
+    assert.dom('[data-test-icon="clipboard-copy"]').exists('renders copy icon');
+  });
+
   test('it renders a title, icon and tag if engine view', async function (assert) {
     assert.expect(2);
     await render(hbs`<KvPageHeader @breadcrumbs={{this.breadcrumbs}} @mountName={{this.backend}} />`, {