From 444842e570790aa6a3a9b6486788d4b3de2e275c Mon Sep 17 00:00:00 2001
From: DrMint <thomas@barillot.net>
Date: Sat, 5 Mar 2022 16:34:19 +0100
Subject: [PATCH] Added missing translations here and there

---
 next.config.js                  |  2 +-
 src/components/AppLayout.tsx    | 12 ++++--------
 src/graphql/operation.graphql   |  1 +
 src/graphql/operations-types.ts |  1 +
 src/pages/404.tsx               |  5 ++---
 src/pages/index.tsx             | 12 +++++-------
 src/queries/helpers.ts          | 10 +++++-----
 7 files changed, 19 insertions(+), 24 deletions(-)

diff --git a/next.config.js b/next.config.js
index f6c43d3..f8dd901 100644
--- a/next.config.js
+++ b/next.config.js
@@ -3,7 +3,7 @@ module.exports = {
   swcMinify: true,
   reactStrictMode: true,
   i18n: {
-    locales: ["en", "fr", "ja", "es", "xx"],
+    locales: ["en", "fr", "ja", "es"],
     defaultLocale: "en",
   },
   images: {
diff --git a/src/components/AppLayout.tsx b/src/components/AppLayout.tsx
index 06516de..bf6c1ed 100644
--- a/src/components/AppLayout.tsx
+++ b/src/components/AppLayout.tsx
@@ -104,12 +104,8 @@ export default function AppLayout(props: AppLayoutProps): JSX.Element {
             content={`${titlePrefix} - ${ogTitle}`}
           ></meta>
 
-          {props.description && (
-            <>
-              <meta name="description" content={metaDescription} />
-              <meta name="twitter:description" content={metaDescription}></meta>
-            </>
-          )}
+          <meta name="description" content={metaDescription} />
+          <meta name="twitter:description" content={metaDescription}></meta>
 
           <meta property="og:image" content={metaImage.image}></meta>
           <meta property="og:image:secure_url" content={metaImage.image}></meta>
@@ -160,7 +156,7 @@ export default function AppLayout(props: AppLayoutProps): JSX.Element {
               <div className="text-dark border-dark border-2 border-dotted rounded-2xl p-8 grid grid-flow-col place-items-center gap-9 opacity-40">
                 <p className="text-4xl">❮</p>
                 <p className="text-2xl w-64">
-                  Select one of the options in the sidebar
+                  {props.langui.select_option_sidebar}
                 </p>
               </div>
             </div>
@@ -238,7 +234,7 @@ export default function AppLayout(props: AppLayoutProps): JSX.Element {
               appLayout.languagePanelOpen ? "scale-100" : "scale-0"
             }`}
           >
-            <h2 className="text-2xl">Select a language</h2>
+            <h2 className="text-2xl">{props.langui.select_language}</h2>
             <div className="flex flex-wrap flex-row gap-2">
               {router.locales?.sort().map((locale) => (
                 <Button
diff --git a/src/graphql/operation.graphql b/src/graphql/operation.graphql
index 2aaea2e..99d0f31 100644
--- a/src/graphql/operation.graphql
+++ b/src/graphql/operation.graphql
@@ -81,6 +81,7 @@ query getWebsiteInterface($language_code: String) {
         no_year
         order_by
         group_by
+        select_option_sidebar
       }
     }
   }
diff --git a/src/graphql/operations-types.ts b/src/graphql/operations-types.ts
index 2f56aec..1789afd 100644
--- a/src/graphql/operations-types.ts
+++ b/src/graphql/operations-types.ts
@@ -163,6 +163,7 @@ export type GetWebsiteInterfaceQuery = {
         no_year: string;
         order_by: string;
         group_by: string;
+        select_option_sidebar: string;
       };
     }>;
   };
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index e24d3c5..c54d2b5 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -4,6 +4,7 @@ import { getWebsiteInterface } from "graphql/operations";
 import { GetStaticProps } from "next";
 import { GetWebsiteInterfaceQuery } from "graphql/operations-types";
 import AppLayout from "components/AppLayout";
+import ReturnButton from "components/PanelComponents/ReturnButton";
 
 type FourOhFourProps = {
   langui: GetWebsiteInterfaceQuery;
@@ -14,9 +15,7 @@ export default function FourOhFour(props: FourOhFourProps): JSX.Element {
   const contentPanel = (
     <ContentPanel>
       <h1>404 - {langui.page_not_found}</h1>
-      <Link href="/">
-        <a>Go back home</a>
-      </Link>
+      <ReturnButton href="/" title="Home" langui={langui} />
     </ContentPanel>
   );
   return (
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 538a2c0..73d909b 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -141,13 +141,11 @@ export default function Home(props: HomeProps): JSX.Element {
   );
 
   return (
-    <>
-      <AppLayout
-        navTitle={"Accord’s Library"}
-        langui={langui}
-        contentPanel={contentPanel}
-      />
-    </>
+    <AppLayout
+      navTitle={"Home"}
+      langui={langui}
+      contentPanel={contentPanel}
+    />
   );
 }
 
diff --git a/src/queries/helpers.ts b/src/queries/helpers.ts
index 817b3c5..acaf0a7 100644
--- a/src/queries/helpers.ts
+++ b/src/queries/helpers.ts
@@ -64,15 +64,15 @@ export function prettyItemType(
   const type = metadata.__typename;
   switch (metadata.__typename) {
     case "ComponentMetadataAudio":
-      return langui.library_item_type_audio;
+      return langui.audio;
     case "ComponentMetadataBooks":
-      return langui.library_item_type_textual;
+      return langui.textual;
     case "ComponentMetadataGame":
-      return langui.library_item_type_game;
+      return langui.game;
     case "ComponentMetadataVideo":
-      return langui.library_item_type_video;
+      return langui.video;
     case "ComponentMetadataOther":
-      return langui.library_item_type_other;
+      return langui.other;
     default:
       return "";
   }