From 71331a6ee08875f6a6041c0b4f0bf43ab2a29c34 Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Sun, 16 Jan 2022 13:30:41 +0100
Subject: [PATCH] Add links to the home and settings pages in the footer.

---
 source/ts/components/shared-footer.ts | 19 ++++++++++++++++++-
 source/ts/pages/home.ts               |  2 +-
 source/ts/pages/not-found.ts          |  2 +-
 source/ts/pages/settings.ts           |  2 +-
 4 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/source/ts/components/shared-footer.ts b/source/ts/components/shared-footer.ts
index c40e86c..eaf8a9c 100644
--- a/source/ts/components/shared-footer.ts
+++ b/source/ts/components/shared-footer.ts
@@ -2,14 +2,31 @@ import {Component, html} from 'htm/preact';
 
 import ExternalAnchor from './external-anchor.js';
 
-export default class SharedFooter extends Component {
+type Props = {
+  page: string;
+};
+
+export default class SharedFooter extends Component<Props> {
   render() {
+    const {page} = this.props;
+
+    const homeLink =
+      page === 'home' || page === 'not-found'
+        ? undefined
+        : html`<a href="/">Home</a>${' '}`;
+
+    const settingsLink =
+      page === 'settings'
+        ? undefined
+        : html`<a href="/settings">Settings</a>${' '}`;
+
     const githubUrl = 'https://github.com/Bauke/href-plus';
     const versionText = `v${hrefPlusVersion}/${hrefPlusCommitHash}`;
     const versionUrl = `${githubUrl}/tree/${hrefPlusCommitHash}`;
 
     return html`
       <footer class="shared-footer">
+        ${homeLink}${settingsLink}
         <${ExternalAnchor} text="GitHub" url=${githubUrl} />
         ${' '}
         <${ExternalAnchor} text=${versionText} url=${versionUrl} />
diff --git a/source/ts/pages/home.ts b/source/ts/pages/home.ts
index c68d45d..f891305 100644
--- a/source/ts/pages/home.ts
+++ b/source/ts/pages/home.ts
@@ -59,7 +59,7 @@ export default class HomePage extends Component {
           </div>
         </main>
 
-        <${SharedFooter} />
+        <${SharedFooter} page="home" />
       </div>
     `;
   }
diff --git a/source/ts/pages/not-found.ts b/source/ts/pages/not-found.ts
index a7bec8c..e145045 100644
--- a/source/ts/pages/not-found.ts
+++ b/source/ts/pages/not-found.ts
@@ -13,7 +13,7 @@ export default class NotFoundPage extends Component {
           <a href="/">← Home</a>
         </main>
 
-        <${SharedFooter} />
+        <${SharedFooter} page="not-found" />
       </div>
     `;
   }
diff --git a/source/ts/pages/settings.ts b/source/ts/pages/settings.ts
index fd55001..aaaba30 100644
--- a/source/ts/pages/settings.ts
+++ b/source/ts/pages/settings.ts
@@ -59,7 +59,7 @@ export default class SettingsPage extends Component<Props, State> {
           </p>
         </section>
 
-        <${SharedFooter} />
+        <${SharedFooter} page="settings" />
       </div>
     `;
   }