From a10f65c1d511524a2c3870a6ebd2441f4de4780b Mon Sep 17 00:00:00 2001
From: Bart Ledoux <bledoux@kestra.io>
Date: Wed, 29 Jan 2025 11:00:44 +0100
Subject: [PATCH] fix: various fixes for the empty pages

---
 ui/src/components/demo/Apps.vue           | 11 +++++++++++
 ui/src/components/flows/FlowRoot.vue      |  1 +
 ui/src/components/namespace/Namespace.vue |  5 +++++
 3 files changed, 17 insertions(+)

diff --git a/ui/src/components/demo/Apps.vue b/ui/src/components/demo/Apps.vue
index 658a9f65950..9e6814a515a 100644
--- a/ui/src/components/demo/Apps.vue
+++ b/ui/src/components/demo/Apps.vue
@@ -1,4 +1,5 @@
 <template>
+    <top-nav-bar :title="routeInfo.title" />
     <Layout
         :title="t(`demos.apps.title`)"
         :image="{source: sourceImg, alt: t(`demos.apps.title`)}"
@@ -15,9 +16,19 @@
 </template>
 
 <script setup lang="ts">
+    import {ref} from "vue";
     import {useI18n} from "vue-i18n";
     import Layout from "./Layout.vue";
+    // @ts-expect-error no types in TopNavBar yet
+    import TopNavBar from "../../components/layout/TopNavBar.vue";
     import sourceImg from "../../assets/demo/apps.png";
+    import useRouteContext from "../../mixins/useRouteContext";
 
     const {t} = useI18n();
+
+    const routeInfo = ref({
+        title: t("demos.instance.title"),
+    });
+
+    useRouteContext(routeInfo);
 </script>
\ No newline at end of file
diff --git a/ui/src/components/flows/FlowRoot.vue b/ui/src/components/flows/FlowRoot.vue
index f313543e007..03ab009d664 100644
--- a/ui/src/components/flows/FlowRoot.vue
+++ b/ui/src/components/flows/FlowRoot.vue
@@ -269,6 +269,7 @@
                     name: "auditlogs",
                     title: this.$t("auditlogs"),
                     component: DemoAuditLogs,
+                    containerClass: "demo-container",
                     props:{
                         embed: true
                     }
diff --git a/ui/src/components/namespace/Namespace.vue b/ui/src/components/namespace/Namespace.vue
index a88cf3254aa..21771c7b38f 100644
--- a/ui/src/components/namespace/Namespace.vue
+++ b/ui/src/components/namespace/Namespace.vue
@@ -186,6 +186,7 @@
                         name: "edit",
                         component: DemoNamespace,
                         title: this.$t("edit"),
+                        containerClass: "demo-container",
                         props: {
                             tab: "edit",
                         }
@@ -194,6 +195,7 @@
                         name: "variables",
                         component: DemoNamespace,
                         title: this.$t("variables"),
+                        containerClass: "demo-container",
                         props: {
                             tab: "variables",
                         }
@@ -202,6 +204,7 @@
                         name: "plugin-defaults",
                         component: DemoNamespace,
                         title: this.$t("plugin defaults"),
+                        containerClass: "demo-container",
                         props: {
                             tab: "plugin-defaults",
                         }
@@ -210,6 +213,7 @@
                         name: "secrets",
                         component: DemoNamespace,
                         title: this.$t("secret.names"),
+                        containerClass: "demo-container",
                         props: {
                             tab: "secrets",
                         }
@@ -218,6 +222,7 @@
                         name: "audit-logs",
                         component: DemoNamespace,
                         title: this.$t("auditlogs"),
+                        containerClass: "demo-container",
                         props: {
                             tab: "audit-logs",
                         }