From 1c5c0c84fef93dabf7701748a0a58251da83c5fb Mon Sep 17 00:00:00 2001
From: Cameron Perera <cameron.perera@hashicorp.com>
Date: Thu, 27 Apr 2023 12:08:01 -0500
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20add=20channel=20ID=20to?=
 =?UTF-8?q?=20channel=20table=20&=20copyable=20link=20for=20ID=20(#226)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: 🎸 add channel ID to channel table & copyable link for ID

✅ Closes: ICU-9051

* feat: 🎸 add IDs to channels-by-connection template
---
 .../channels-by-connection/index.hbs           | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/index.hbs b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/index.hbs
index 06f68f3a8..cf8ee77ab 100644
--- a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/index.hbs
+++ b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/index.hbs
@@ -18,8 +18,14 @@
             <div class='channels-by-connection-connection-header'>
               <p class='hds-typography-display-300 hds-font-weight-semibold'>
                 {{t 'resources.session-recording.connection.title'}}
-                {{connection.id}}
               </p>
+              <Copyable
+                @text={{connection.id}}
+                @buttonText={{t 'actions.copy-to-clipboard'}}
+                @acknowledgeText={{t 'states.copied'}}
+              >
+                <code>{{connection.id}}</code>
+              </Copyable>
             </div>
             <Hds::Table
               @model={{connection.sortedChannelsByStartTimeDesc}}
@@ -35,6 +41,7 @@
                     'resources.session-recording.connection.form.summary.label'
                   )
                 )
+                (hash label=(t 'form.id.label'))
                 (hash label='' align='right')
               }}
             >
@@ -59,6 +66,15 @@
                       </list.Item>
                     </MetadataList>
                   </B.Td>
+                  <B.Td>
+                    <Copyable
+                      @text={{B.data.id}}
+                      @buttonText={{t 'actions.copy-to-clipboard'}}
+                      @acknowledgeText={{t 'states.copied'}}
+                    >
+                      <code>{{B.data.id}}</code>
+                    </Copyable>
+                  </B.Td>
                   <B.Td align='right'>
                     <Hds::Button
                       @icon='play'