From 1b7e425c0e73027dc43fb9c51328b3ffa3aff235 Mon Sep 17 00:00:00 2001
From: DrMint <thomas@barillot.net>
Date: Sun, 20 Mar 2022 13:46:36 +0100
Subject: [PATCH] Added more translated fields

---
 src/components/LanguageSwitcher.tsx |  7 ++-----
 src/components/Panels/MainPanel.tsx |  6 +++---
 src/graphql/operation.graphql       | 10 ++++++++++
 src/graphql/operations-types.ts     | 10 ++++++++++
 src/pages/about-us/index.tsx        | 14 +++++++++-----
 5 files changed, 34 insertions(+), 13 deletions(-)

diff --git a/src/components/LanguageSwitcher.tsx b/src/components/LanguageSwitcher.tsx
index eb32629..921879a 100644
--- a/src/components/LanguageSwitcher.tsx
+++ b/src/components/LanguageSwitcher.tsx
@@ -17,14 +17,11 @@ type HorizontalLineProps = {
 export default function HorizontalLine(
   props: HorizontalLineProps
 ): JSX.Element {
-  const { locales, router } = props;
+  const { locales, router, langui } = props;
   return (
     <div className="w-full grid place-content-center">
       <div className="flex flex-col place-items-center text-center gap-4 my-12 border-2 border-mid rounded-xl p-8 max-w-lg">
-        <p>
-          This content is not available in the currently selected language. You
-          can select one the following languages instead:
-        </p>
+        <p>{langui.language_switch_message}</p>
         <div className="flex flex-wrap flex-row gap-2">
           {locales.map((locale, index) => (
             <Button
diff --git a/src/components/Panels/MainPanel.tsx b/src/components/Panels/MainPanel.tsx
index 3275f19..11789ce 100644
--- a/src/components/Panels/MainPanel.tsx
+++ b/src/components/Panels/MainPanel.tsx
@@ -64,7 +64,7 @@ export default function MainPanel(props: MainPanelProps): JSX.Element {
             } flex-wrap gap-2`}
           >
             <ToolTip
-              content={<h3 className="text-2xl">{"Open settings"}</h3>}
+              content={<h3 className="text-2xl">{langui.open_settings}</h3>}
               placement="right"
               className="text-left"
               disabled={!appLayout.mainPanelReduced}
@@ -91,7 +91,7 @@ export default function MainPanel(props: MainPanelProps): JSX.Element {
 
             {router.locale && (
               <ToolTip
-                content={<h3 className="text-2xl">{"Change language"}</h3>}
+                content={<h3 className="text-2xl">{langui.change_language}</h3>}
                 placement="right"
                 className="text-left"
                 disabled={!appLayout.mainPanelReduced}
@@ -110,7 +110,7 @@ export default function MainPanel(props: MainPanelProps): JSX.Element {
             )}
 
             <ToolTip
-              content={<h3 className="text-2xl">{"Open search"}</h3>}
+              content={<h3 className="text-2xl">{langui.open_search}</h3>}
               placement="right"
               className="text-left"
               disabled={!appLayout.mainPanelReduced}
diff --git a/src/graphql/operation.graphql b/src/graphql/operation.graphql
index 0e9f958..e4fa3f8 100644
--- a/src/graphql/operation.graphql
+++ b/src/graphql/operation.graphql
@@ -115,6 +115,16 @@ query getWebsiteInterface($language_code: String) {
         content
         result
         results
+        language_switch_message
+        open_settings
+        change_language
+        open_search
+        chronology
+        accords_handbook
+        legality
+        members
+        sharing_policy
+        contact_us
       }
     }
   }
diff --git a/src/graphql/operations-types.ts b/src/graphql/operations-types.ts
index 4b7f99a..13ff3ef 100644
--- a/src/graphql/operations-types.ts
+++ b/src/graphql/operations-types.ts
@@ -204,6 +204,16 @@ export type GetWebsiteInterfaceQuery = {
         content: string;
         result: string;
         results: string;
+        language_switch_message: string;
+        open_settings: string;
+        change_language: string;
+        open_search: string;
+        chronology: string;
+        accords_handbook: string;
+        legality: string;
+        members: string;
+        sharing_policy: string;
+        contact_us: string;
       };
     }>;
   };
diff --git a/src/pages/about-us/index.tsx b/src/pages/about-us/index.tsx
index b56abba..089983e 100644
--- a/src/pages/about-us/index.tsx
+++ b/src/pages/about-us/index.tsx
@@ -17,14 +17,18 @@ export default function AboutUs(props: AboutUsProps): JSX.Element {
         description={langui.about_us_description}
       />
       <NavOption
-        title="Accord’s Handbook"
+        title={langui.accords_handbook}
         url="/about-us/accords-handbook"
         border
       />
-      <NavOption title="Legality" url="/about-us/legality" border />
-      <NavOption title="Members" url="/about-us/members" border />
-      <NavOption title="Sharing Policy" url="/about-us/sharing-policy" border />
-      <NavOption title="Contact us" url="/about-us/contact" border />
+      <NavOption title={langui.legality} url="/about-us/legality" border />
+      <NavOption title={langui.members} url="/about-us/members" border />
+      <NavOption
+        title={langui.sharing_policy}
+        url="/about-us/sharing-policy"
+        border
+      />
+      <NavOption title={langui.contact_us} url="/about-us/contact" border />
     </SubPanel>
   );
   return (