From c48ff5249b6db4b80dd8b737c688ecd224866e7a Mon Sep 17 00:00:00 2001
From: DrMint <thomas@barillot.net>
Date: Sat, 19 Mar 2022 17:32:23 +0100
Subject: [PATCH] Reintroduced the wiki pages

---
 src/components/Panels/MainPanel.tsx |  5 ++---
 src/pages/wiki/chronology.tsx       | 20 ++++++++++++++++++++
 src/pages/wiki/index.tsx            |  3 +++
 3 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/components/Panels/MainPanel.tsx b/src/components/Panels/MainPanel.tsx
index a705e48..3275f19 100644
--- a/src/components/Panels/MainPanel.tsx
+++ b/src/components/Panels/MainPanel.tsx
@@ -155,18 +155,17 @@ export default function MainPanel(props: MainPanelProps): JSX.Element {
         onClick={() => appLayout.setMainPanelOpen(false)}
       />
 
-      {/*
-      
       <NavOption
         url="/wiki"
         icon="travel_explore"
         title={langui.wiki}
         subtitle={langui.wiki_short_description}
-        
         reduced={appLayout.mainPanelReduced && isDesktop}
         onClick={() => appLayout.setMainPanelOpen(false)}
       />
 
+      {/*
+
       <NavOption
         url="/chronicles"
         icon="watch_later"
diff --git a/src/pages/wiki/chronology.tsx b/src/pages/wiki/chronology.tsx
index f31f9e4..ed12776 100644
--- a/src/pages/wiki/chronology.tsx
+++ b/src/pages/wiki/chronology.tsx
@@ -17,6 +17,9 @@ import {
 import InsetBox from "components/InsetBox";
 import { useRouter } from "next/router";
 import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
+import ReturnButton, {
+  ReturnButtonType,
+} from "components/PanelComponents/ReturnButton";
 
 interface ChronologyProps extends AppStaticProps {
   chronologyItems: GetChronologyItemsQuery["chronologyItems"]["data"];
@@ -60,6 +63,14 @@ export default function Chronology(props: ChronologyProps): JSX.Element {
 
   const subPanel = (
     <SubPanel>
+      <ReturnButton
+        href="/wiki"
+        title={langui.wiki}
+        langui={langui}
+        displayOn={ReturnButtonType.Desktop}
+        horizontalLine
+      />
+
       {chronologyEras.map((era) => (
         <NavOption
           key={era.id}
@@ -80,6 +91,15 @@ export default function Chronology(props: ChronologyProps): JSX.Element {
 
   const contentPanel = (
     <ContentPanel>
+
+      <ReturnButton
+        href="/wiki"
+        title={langui.wiki}
+        langui={langui}
+        displayOn={ReturnButtonType.Mobile}
+        className="mb-10"
+      />
+
       {chronologyItemYearGroups.map((era, eraIndex) => (
         <>
           <InsetBox
diff --git a/src/pages/wiki/index.tsx b/src/pages/wiki/index.tsx
index 463b482..01bf6d3 100644
--- a/src/pages/wiki/index.tsx
+++ b/src/pages/wiki/index.tsx
@@ -3,6 +3,8 @@ import PanelHeader from "components/PanelComponents/PanelHeader";
 import { GetStaticProps } from "next";
 import AppLayout from "components/AppLayout";
 import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
+import HorizontalLine from "components/HorizontalLine";
+import NavOption from "components/PanelComponents/NavOption";
 
 interface WikiProps extends AppStaticProps {}
 
@@ -15,6 +17,7 @@ export default function Wiki(props: WikiProps): JSX.Element {
         title={langui.wiki}
         description={langui.wiki_description}
       />
+      <NavOption title="Chronology" url="/wiki/chronology" border/>
     </SubPanel>
   );