From ddd74c051a4f02a2ace43abd6e0617b8ea3c1192 Mon Sep 17 00:00:00 2001
From: Phil Renaud <phil@riotindustries.com>
Date: Thu, 13 Jul 2023 10:10:20 -0400
Subject: [PATCH] Copy button added to variables title

---
 .changelog/17935.txt                          | 3 +++
 ui/app/styles/components/variables.scss       | 4 ++++
 ui/app/templates/variables/variable/index.hbs | 6 ++++++
 3 files changed, 13 insertions(+)
 create mode 100644 .changelog/17935.txt

diff --git a/.changelog/17935.txt b/.changelog/17935.txt
new file mode 100644
index 00000000000..d5d7628e514
--- /dev/null
+++ b/.changelog/17935.txt
@@ -0,0 +1,3 @@
+```release-note:improvement
+ui: added a button to copy variable path to clipboard
+```
diff --git a/ui/app/styles/components/variables.scss b/ui/app/styles/components/variables.scss
index f2745941da2..9d80d3eb2e9 100644
--- a/ui/app/styles/components/variables.scss
+++ b/ui/app/styles/components/variables.scss
@@ -24,6 +24,10 @@
       margin-right: 0.25rem;
     }
   }
+  .copy-button {
+    position: relative;
+    top: 3px;
+  }
 }
 
 .new-variables {
diff --git a/ui/app/templates/variables/variable/index.hbs b/ui/app/templates/variables/variable/index.hbs
index 608b77c00c9..e958fbf9e98 100644
--- a/ui/app/templates/variables/variable/index.hbs
+++ b/ui/app/templates/variables/variable/index.hbs
@@ -7,6 +7,12 @@
   <div>
     <FlightIcon @name="file-text" />
     {{this.model.path}}
+      <CopyButton
+        @inset={{true}}
+        @compact={{true}}
+        @clipboardText={{this.model.path}}
+      />
+
     <Toggle
       {{keyboard-shortcut 
         label="Toggle View (JSON/List)"