From dfe8a8d96221532b11d2e40e389bc02695d229fe Mon Sep 17 00:00:00 2001
From: Maximilian Kaske <56969857+mxkaske@users.noreply.github.com>
Date: Thu, 8 Oct 2026 15:29:40 +0200
Subject: [PATCH] fix(dashboard): show feedback button on create pages (#2871)

The /monitors/create and /status-pages/create layouts were the only
dashboard headers without AppHeaderActions, so NavFeedback was missing.


Claude-Session: https://claude.ai/code/session_01W1UDhWnuQ6jrYFNnTXXeum

Co-authored-by: Claude <noreply@anthropic.com>
---
 .../src/app/(dashboard)/monitors/create/layout.tsx     | 10 +++++++++-
 .../app/(dashboard)/monitors/create/nav-actions.tsx    |  9 +++++++++
 .../src/app/(dashboard)/status-pages/create/layout.tsx | 10 +++++++++-
 .../(dashboard)/status-pages/create/nav-actions.tsx    |  9 +++++++++
 4 files changed, 36 insertions(+), 2 deletions(-)
 create mode 100644 apps/dashboard/src/app/(dashboard)/monitors/create/nav-actions.tsx
 create mode 100644 apps/dashboard/src/app/(dashboard)/status-pages/create/nav-actions.tsx

diff --git a/apps/dashboard/src/app/(dashboard)/monitors/create/layout.tsx b/apps/dashboard/src/app/(dashboard)/monitors/create/layout.tsx
index d154ddb79..affb067cb 100644
--- a/apps/dashboard/src/app/(dashboard)/monitors/create/layout.tsx
+++ b/apps/dashboard/src/app/(dashboard)/monitors/create/layout.tsx
@@ -1,7 +1,12 @@
-import { AppHeader, AppHeaderContent } from "@/components/nav/app-header";
+import {
+  AppHeader,
+  AppHeaderActions,
+  AppHeaderContent,
+} from "@/components/nav/app-header";
 import { AppSidebarTrigger } from "@/components/nav/app-sidebar";
 
 import { Breadcrumb } from "./breadcrumb";
+import { NavActions } from "./nav-actions";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
@@ -11,6 +16,9 @@ export default function Layout({ children }: { children: React.ReactNode }) {
           <AppSidebarTrigger />
           <Breadcrumb />
         </AppHeaderContent>
+        <AppHeaderActions>
+          <NavActions />
+        </AppHeaderActions>
       </AppHeader>
       <main className="w-full flex-1">{children}</main>
     </div>
diff --git a/apps/dashboard/src/app/(dashboard)/monitors/create/nav-actions.tsx b/apps/dashboard/src/app/(dashboard)/monitors/create/nav-actions.tsx
new file mode 100644
index 000000000..768c5c97f
--- /dev/null
+++ b/apps/dashboard/src/app/(dashboard)/monitors/create/nav-actions.tsx
@@ -0,0 +1,9 @@
+import { NavFeedback } from "@/components/nav/nav-feedback";
+
+export function NavActions() {
+  return (
+    <div className="flex items-center gap-2 text-sm">
+      <NavFeedback />
+    </div>
+  );
+}
diff --git a/apps/dashboard/src/app/(dashboard)/status-pages/create/layout.tsx b/apps/dashboard/src/app/(dashboard)/status-pages/create/layout.tsx
index d154ddb79..affb067cb 100644
--- a/apps/dashboard/src/app/(dashboard)/status-pages/create/layout.tsx
+++ b/apps/dashboard/src/app/(dashboard)/status-pages/create/layout.tsx
@@ -1,7 +1,12 @@
-import { AppHeader, AppHeaderContent } from "@/components/nav/app-header";
+import {
+  AppHeader,
+  AppHeaderActions,
+  AppHeaderContent,
+} from "@/components/nav/app-header";
 import { AppSidebarTrigger } from "@/components/nav/app-sidebar";
 
 import { Breadcrumb } from "./breadcrumb";
+import { NavActions } from "./nav-actions";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
@@ -11,6 +16,9 @@ export default function Layout({ children }: { children: React.ReactNode }) {
           <AppSidebarTrigger />
           <Breadcrumb />
         </AppHeaderContent>
+        <AppHeaderActions>
+          <NavActions />
+        </AppHeaderActions>
       </AppHeader>
       <main className="w-full flex-1">{children}</main>
     </div>
diff --git a/apps/dashboard/src/app/(dashboard)/status-pages/create/nav-actions.tsx b/apps/dashboard/src/app/(dashboard)/status-pages/create/nav-actions.tsx
new file mode 100644
index 000000000..768c5c97f
--- /dev/null
+++ b/apps/dashboard/src/app/(dashboard)/status-pages/create/nav-actions.tsx
@@ -0,0 +1,9 @@
+import { NavFeedback } from "@/components/nav/nav-feedback";
+
+export function NavActions() {
+  return (
+    <div className="flex items-center gap-2 text-sm">
+      <NavFeedback />
+    </div>
+  );
+}
-- 
2.51.2