From 498091c55058e9b0a81af693829f75c0018c02a0 Mon Sep 17 00:00:00 2001
From: Carlos Alcaide <ccorvo@hashicorp.com>
Date: Thu, 9 Mar 2023 11:58:26 -0800
Subject: [PATCH] Add Sidebar layout component within channel view

---
 .../channels-by-connection/channel.hbs        | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.hbs b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.hbs
index 22b74e153..015c8a546 100644
--- a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.hbs
+++ b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.hbs
@@ -1,5 +1,19 @@
 {{page-title (t 'resources.session-recording.channel.title')}}
 
-<p>{{@model.scope_id}}</p>
-<SessionRecording::Player @asciiCast={{@model.asciicast}} />
-{{outlet}}
\ No newline at end of file
+<Rose::Layout::Page as |page|>
+  <page.header>
+    <h2>{{t 'resources.session-recording.channel.title'}}</h2>
+  </page.header>
+
+  <page.body>
+    <Layout::Sidebar as |sb|>
+      <sb.Body>
+        <SessionRecording::Player @asciiCast={{@model.asciicast}} />
+      </sb.Body>
+
+      <sb.Sidebar>
+        <p>{{@model.scope_id}}</p>
+      </sb.Sidebar>
+    </Layout::Sidebar>
+  </page.body>
+</Rose::Layout::Page>
\ No newline at end of file