fix: various fixes for the empty pages

kestra-io · Jan 29, 2025 · a10f65c · a10f65c
1 parent 815467e
commit a10f65c
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git 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>
diff --git 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
@@ -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",
                         }