From a24c8dfbe8851a708324bf468e7ea1381c807f6c Mon Sep 17 00:00:00 2001
From: Ming Hay Luk <luk.minghay@gmail.com>
Date: Mon, 13 May 2024 16:57:37 -0700
Subject: [PATCH 1/2] Refactor app body to return class instead

---
 app/components/app-body/component.js | 8 ++++++--
 app/components/app-body/template.hbs | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/components/app-body/component.js b/app/components/app-body/component.js
index 8ea9b74e6..80eba6b93 100644
--- a/app/components/app-body/component.js
+++ b/app/components/app-body/component.js
@@ -4,7 +4,11 @@ import { service } from '@ember/service';
 export default class AppBody extends Component {
   @service router;
 
-  get isPipelineRoute() {
-    return this.router.currentRouteName.startsWith('pipeline');
+  get class() {
+    if (this.router.currentRouteName.startsWith('pipeline')) {
+      return 'pipeline-page';
+    }
+
+    return 'container-fluid';
   }
 }
diff --git a/app/components/app-body/template.hbs b/app/components/app-body/template.hbs
index f4be9d7dd..f15d5cd22 100644
--- a/app/components/app-body/template.hbs
+++ b/app/components/app-body/template.hbs
@@ -1,5 +1,5 @@
 <NavBanner />
 
-<div id="appContainer" class='{{if this.isPipelineRoute 'pipeline-page' 'container-fluid'}}'>
+<div id="appContainer" class='{{this.class}}'>
   {{outlet}}
 </div>

From 95c03648e29af7e0ea9aacdd75860da630d37fb0 Mon Sep 17 00:00:00 2001
From: Ming Hay Luk <luk.minghay@gmail.com>
Date: Mon, 13 May 2024 17:11:15 -0700
Subject: [PATCH 2/2] Use pipeline-page class for new pipeline pages

---
 app/components/app-body/component.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/components/app-body/component.js b/app/components/app-body/component.js
index 80eba6b93..61c3e2fdc 100644
--- a/app/components/app-body/component.js
+++ b/app/components/app-body/component.js
@@ -5,7 +5,10 @@ export default class AppBody extends Component {
   @service router;
 
   get class() {
-    if (this.router.currentRouteName.startsWith('pipeline')) {
+    if (
+      this.router.currentRouteName.startsWith('pipeline') ||
+      this.router.currentRouteName.startsWith('v2.pipeline')
+    ) {
       return 'pipeline-page';
     }