diff --git a/lib/page.tsx b/lib/page.tsx
index ea2cb92..98dbca8 100644
--- a/lib/page.tsx
+++ b/lib/page.tsx
@@ -1,6 +1,7 @@
import React, { MouseEvent, useContext } from "react";
import { Helmet } from "react-helmet";
import type { PageName } from "./pages";
+import { getFriendlyPageName } from "./pages/friendly-page-names";
import "./page.css";
@@ -38,7 +39,7 @@ const PageLink: React.FC<{ page: PageName }> = ({ page }) => {
return (
- {page}
+ {getFriendlyPageName(page)}
);
};
@@ -51,7 +52,11 @@ const Navbar: React.FC<{}> = (props) => {
{pc.allPages.map((pageName) => (
-
- {pc.currPage === pageName ? pageName : }
+ {pc.currPage === pageName ? (
+ getFriendlyPageName(pageName)
+ ) : (
+
+ )}
))}
diff --git a/lib/pages/creature-page/core.tsx b/lib/pages/creature-page/core.tsx
index 51e8174..9d181bb 100644
--- a/lib/pages/creature-page/core.tsx
+++ b/lib/pages/creature-page/core.tsx
@@ -313,7 +313,7 @@ export const CreaturePageWithDefaults: React.FC<
);
return (
-
+
= (props) => {
{props.title}
{" "}
- {props.kind} by {props.ownerName}
+ {getFriendlyPageName(props.kind)} by {props.ownerName}
);