Merge pull request #856 from playmint/pagetitles

page titles for buildingfab docs
playmint · Nov 3, 2023 · 3a0e14b · 3a0e14b
2 parents fef57df + 7278f74
commit 3a0e14b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/frontend/src/pages/building-fabricator.tsx b/frontend/src/pages/building-fabricator.tsx
@@ -19,6 +19,7 @@ import { Manifest, BuildingKindFactorySpec, parseManifestDocuments } from '@down
 import { ItemFragment } from '@downstream/core/src/gql/graphql';
 import { saveAs } from 'file-saver';
 import JSZip from 'jszip';
+import Head from 'next/head';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import styled from 'styled-components';
 import YAML from 'yaml';
@@ -1539,6 +1540,9 @@ export default function ShellPage() {
                 <GameStateProvider config={config}>
                     <SessionProvider>
                         <InventoryProvider>
+                            <Head>
+                                <title>Downstream: Building Fabricator</title>
+                            </Head>
                             <div style={{ margin: '1rem' }}>
                                 <NavPanel />
                             </div>

diff --git a/frontend/src/pages/docs/[[...slug]].tsx b/frontend/src/pages/docs/[[...slug]].tsx
@@ -17,6 +17,7 @@ import { useConfig } from '@app/hooks/use-config';
 import { GameStateProvider } from '@app/hooks/use-game-state';
 import { SessionProvider } from '@app/hooks/use-session';
 import { useRouter } from 'next/router';
+import Head from 'next/head';
 
 const DOCS_CONTENT_DIR = '../docs';
 
@@ -219,10 +220,14 @@ export default function Page({ doc, tree }: InferGetStaticPropsType<typeof getSt
     if (!doc) {
         return <ErrorPage statusCode={404} />;
     }
+    const title = doc.title || doc.slug.slice(-1).find(() => true) || '';
     return (
         <WalletProviderProvider wallets={config?.wallets || {}}>
             <GameStateProvider config={config}>
                 <SessionProvider>
+                    <Head>
+                        <title>Downstream: {title}</title>
+                    </Head>
                     <div style={{ display: 'flex', flexDirection: 'row' }}>
                         <div style={{}}>
                             <div