make page titles more consistent

Signed-off-by: Vu Van Dung <joulev.vvd@yahoo.com>
joulev · Apr 9, 2022 · 40b5502 · 40b5502
1 parent 6918960
commit 40b5502
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 6 deletions.
diff --git a/packages/client/pages/app/site/[siteName]/customise.tsx b/packages/client/pages/app/site/[siteName]/customise.tsx
@@ -79,7 +79,7 @@ const SiteCustomise: NextPage<Props> = ({ site }) => {
 
   return (
     <AppLayout
-      title={`Customise ${site.name}`}
+      title={`Customise | ${site.name}`}
       type="site"
       activeTab="customise"
       siteName={site.name}

diff --git a/packages/client/pages/app/site/[siteName]/page/[pageName]/index.tsx b/packages/client/pages/app/site/[siteName]/page/[pageName]/index.tsx
@@ -18,6 +18,8 @@ type Page = typeof page;
 type Props = { page: Page };
 type Comment = { author: string; date: string; text: string };
 
+const site = { name: "blog-app" };
+
 const Comments: FC<{ comments: Comment[] }> = ({ comments, children }) => (
   <div
     className={clsx(
@@ -48,10 +50,10 @@ const Comments: FC<{ comments: Comment[] }> = ({ comments, children }) => (
 
 const PageOverview: NextPage<Props> = ({ page }) => (
   <AppLayout
-    title={`Page ${page.id}`}
+    title={`Page comments | ${site.name}`}
     type="page"
     activeTab="all"
-    siteName="blog-app"
+    siteName={site.name}
     pageId={page.id}
   >
     <div className="mx-auto max-w-3xl">

diff --git a/packages/client/pages/app/site/[siteName]/page/[pageName]/settings.tsx b/packages/client/pages/app/site/[siteName]/page/[pageName]/settings.tsx
@@ -20,12 +20,14 @@ import page from "@client/sample/page.json";
 type Page = typeof page;
 type Props = { page: Page };
 
+const site = { name: "blog-app" };
+
 const PageSettings: NextPage<Props> = ({ page }) => (
   <AppLayout
-    title="Page settings"
+    title={`Page settings | ${site.name}`}
     type="page"
     activeTab="settings"
-    siteName="blog-app"
+    siteName={site.name}
     pageId={page.id}
   >
     <div className="mx-auto max-w-3xl">

diff --git a/packages/client/pages/app/site/[siteName]/settings.tsx b/packages/client/pages/app/site/[siteName]/settings.tsx
@@ -19,7 +19,12 @@ type Site = typeof site;
 type Props = { site: Site };
 
 const SiteSettings: NextPage<Props> = ({ site }) => (
-  <AppLayout title={`${site.name} settings`} type="site" activeTab="settings" siteName={site.name}>
+  <AppLayout
+    title={`Settings | ${site.name}`}
+    type="site"
+    activeTab="settings"
+    siteName={site.name}
+  >
     <div className="grid md:grid-cols-2 gap-x-12">
       <div>
         <h2>Basic information</h2>