feat: Show edit page link on tutorial pages

Author: rschristian

src/components/controllers/page/index.js

@@ -158,7 +158,7 @@ export default function Page({ route, prev, next }, ctx) {
 	// "current" is the currently *displayed* page ID.
 
 	const showTitle = current != 'index' && meta.show_title !== false;
-	const canEdit = showTitle && current != '404' && current !== '/blog';
+	const canEdit = showTitle && current != '404';
 	const hasSidebar = meta.toc !== false && isDocPage(url);
 
 	return (

src/components/controllers/tutorial/index.js

@@ -27,6 +27,8 @@ import { useStore, storeCtx } from '../../store-adapter';
 import { InjectPrerenderData } from '../../../lib/prerender-data';
 import { getContent } from '../../../lib/content';
 import { Splitter } from '../../splitter';
+import Hydrator from '../../../lib/hydrator';
+import EditThisPage from '../../edit-button';
 
 const IS_PRERENDERING = typeof window === 'undefined';
 
@@ -284,7 +286,13 @@ function TutorialView({
 				}
 			>
 				<div class={style.tutorialWindow} ref={content}>
-					<h1 class={style.title}>{title}</h1>
+					<Hydrator
+						boot={!loading}
+						component={EditThisPage}
+						show={title != 'Error'}
+						isFallback={page.isFallback}
+					/>
+					<h1>{title}</h1>
 
 					<ContentRegion
 						name={page.current}

src/components/controllers/tutorial/style.module.less

@@ -85,7 +85,7 @@
 			}
 
 			& > h1 {
-				margin: 0;
+				margin: 2.5rem 0 0;
 				padding: 0.25em 0;
 				font-size: 2.5rem;
 				font-weight: 200;
@@ -214,7 +214,7 @@
 			.tutorialWindow {
 				flex-basis: 100%;
 
-				& > * {
+				& > :not(:first-child) {
 					max-width: 700px;
 					margin-left: auto;
 					margin-right: auto;