From 495fceeeef14a0cdb32f355ec3a2862da430d605 Mon Sep 17 00:00:00 2001
From: Josh Hunt <joshhunt@users.noreply.github.com>
Date: Wed, 14 Dec 2022 13:32:29 +0000
Subject: [PATCH] Dashboards: Wrap MakeEditable in the new Page layout (#60311)

Wrap MakeEditable in the new Page layout
---
 .../components/DashboardSettings/DashboardSettings.tsx     | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx b/public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx
index 94071855922..8b81d0be21b 100644
--- a/public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx
+++ b/public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx
@@ -6,6 +6,7 @@ import { locationUtil, NavModel, NavModelItem } from '@grafana/data';
 import { locationService } from '@grafana/runtime';
 import { Button, PageToolbar } from '@grafana/ui';
 import { AppChromeUpdate } from 'app/core/components/AppChrome/AppChromeUpdate';
+import { Page } from 'app/core/components/PageNew/Page';
 import config from 'app/core/config';
 import { contextSrv } from 'app/core/services/context_srv';
 import { AccessControlAction } from 'app/types';
@@ -204,7 +205,7 @@ function getSectionNav(
   };
 }
 
-function MakeEditable({ dashboard }: SettingsPageProps) {
+function MakeEditable({ dashboard, sectionNav }: SettingsPageProps) {
   const onMakeEditable = () => {
     dashboard.editable = true;
     dashboard.meta.canMakeEditable = false;
@@ -214,12 +215,12 @@ function MakeEditable({ dashboard }: SettingsPageProps) {
   };
 
   return (
-    <div>
+    <Page navModel={sectionNav}>
       <div className="dashboard-settings__header">Dashboard not editable</div>
       <Button type="submit" onClick={onMakeEditable}>
         Make editable
       </Button>
-    </div>
+    </Page>
   );
 }