Added more translated fields

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>
+        <p>{langui.language_switch_message}</p>
-          This content is not available in the currently selected language. You
-          can select one the following languages instead:
-        </p>
         <div className="flex flex-wrap flex-row gap-2">
           {locales.map((locale, index) => (
             <Button

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}

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
       }
     }
   }

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;
       };
     }>;
   };

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={langui.legality} url="/about-us/legality" border />
-      <NavOption title="Members" url="/about-us/members" border />
+      <NavOption title={langui.members} url="/about-us/members" border />
-      <NavOption title="Sharing Policy" url="/about-us/sharing-policy" border />
+      <NavOption
-      <NavOption title="Contact us" url="/about-us/contact" border />
+        title={langui.sharing_policy}
+        url="/about-us/sharing-policy"
+        border
+      />
+      <NavOption title={langui.contact_us} url="/about-us/contact" border />
     </SubPanel>
   );
   return (