refactor: Remove unused code paths in content-region

Author: rschristian

src/components/content-region/index.jsx

@@ -1,8 +1,6 @@
 import { useEffect } from 'preact/hooks';
 import Markup from 'preact-markup';
 import widgets from '../widgets';
-import style from './style.module.css';
-import { useTranslation } from '../../lib/i18n';
 import { TocContext } from '../table-of-contents';
 import { prefetchContent } from '../../lib/use-content';
 import { ReplPage, TutorialPage, CodeEditor } from '../routes';
@@ -33,34 +31,7 @@ const COMPONENTS = {
 	}
 };
 
-function SiblingNav({ route, lang, start }) {
-	let title = '';
-	let url = '';
-	if (route) {
-		url = route.path.toLowerCase();
-		title =
-			typeof route.name === 'object'
-				? route.name[lang || 'en']
-				: route.name || route.title;
-	}
-	const label = useTranslation(start ? 'previous' : 'next');
-
-	return (
-		<a class={style.nextLink} data-dir-end={!start} href={url}>
-			{start && <span class={style.icon}>&larr;&nbsp;</span>}
-			{!start && <span class={style.icon}>&nbsp;&rarr;</span>}
-			<span class={style.nextInner}>
-				<span class={style.nextTitle}>
-					<span class={style.nextTitleInner}>{title}</span>
-				</span>
-				<span class={style.nextUrl}>{label}</span>
-			</span>
-		</a>
-	);
-}
-
 export default function ContentRegion({ content, components, ...props }) {
-	const hasNav = !!(props.next || props.prev);
 	components = Object.assign({}, COMPONENTS, components);
 
 	useEffect(() => {
@@ -73,7 +44,7 @@ export default function ContentRegion({ content, components, ...props }) {
 	}, [props.current]);
 
 	return (
-		<content-region name={props.current} data-page-nav={hasNav} can-edit={props.canEdit}>
+		<content-region name={props.current} can-edit={props.canEdit}>
 			{content && (
 				<TocContext.Provider value={{ toc: props.toc }}>
 					<Markup
@@ -84,20 +55,6 @@ export default function ContentRegion({ content, components, ...props }) {
 					/>
 				</TocContext.Provider>
 			)}
-			{hasNav && (
-				<div class={style.nextWrapper}>
-					{props.prev ? (
-						<SiblingNav start lang={props.lang} route={props.prev} />
-					) : (
-						<span />
-					)}
-					{props.next ? (
-						<SiblingNav lang={props.lang} route={props.next} />
-					) : (
-						<span />
-					)}
-				</div>
-			)}
 		</content-region>
 	);
 }

src/components/content-region/style.module.css

@@ -4,7 +4,7 @@ declare global {
 	namespace preact.JSX {
 		interface IntrinsicElements {
 			'loading-bar': { showing: boolean };
-			'content-region': { name: string; 'data-page-nav': boolean; 'can-edit': boolean, children: any };
+			'content-region': { name: string; 'can-edit': boolean, children: any };
 		}
 	}
 }