From 0e180cc841bfd726ddef41e6c28f3733d584c879 Mon Sep 17 00:00:00 2001
From: Danny Koppenhagen <mail@d-koppenhagen.de>
Date: Tue, 26 Oct 2021 19:54:34 +0200
Subject: [PATCH] feat(PageOverview): make PageOverview title text configurable

---
 messages_example.json                        | 3 +++
 public/messages.json                         | 3 +++
 src/components/PageOverview/PageOverview.tsx | 9 ++++++---
 src/context/MessagesContext/index.tsx        | 5 +++++
 4 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/messages_example.json b/messages_example.json
index 0b85e63..641fb94 100644
--- a/messages_example.json
+++ b/messages_example.json
@@ -84,6 +84,9 @@
       "description": "Contributions and source code of the AOE Tech Radar are on github:"
     }
   },
+  "pageOverview": {
+    "title": "Technologies Overview"
+  },
   "legalInformationLink": "https://www.aoe.com/en/imprint.html",
   "search": "What are you looking for?"
 }
diff --git a/public/messages.json b/public/messages.json
index 0b85e63..641fb94 100644
--- a/public/messages.json
+++ b/public/messages.json
@@ -84,6 +84,9 @@
       "description": "Contributions and source code of the AOE Tech Radar are on github:"
     }
   },
+  "pageOverview": {
+    "title": "Technologies Overview"
+  },
   "legalInformationLink": "https://www.aoe.com/en/imprint.html",
   "search": "What are you looking for?"
 }
diff --git a/src/components/PageOverview/PageOverview.tsx b/src/components/PageOverview/PageOverview.tsx
index 23f81e5..9ad0c3b 100644
--- a/src/components/PageOverview/PageOverview.tsx
+++ b/src/components/PageOverview/PageOverview.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import HeadlineGroup from "../HeadlineGroup/HeadlineGroup";
 import HeroHeadline from "../HeroHeadline/HeroHeadline";
 import Badge from "../Badge/Badge";
@@ -8,6 +8,7 @@ import Fadeable from "../Fadeable/Fadeable";
 import SetTitle from "../SetTitle";
 import Flag from "../Flag/Flag";
 import { groupByFirstLetter, Item } from "../../model";
+import { useMessages } from "../../context/MessagesContext";
 import { translate, Ring } from "../../config";
 
 const containsSearchTerm = (text = "", term = "") => {
@@ -35,6 +36,8 @@ export default function PageOverview({
 }: PageOverviewProps) {
   const [ring, setRing] = useState<Ring | "all">("all");
   const [search, setSearch] = useState(searchProp);
+  const { pageOverview } = useMessages();
+  const title = pageOverview?.title || 'Technologies Overview';
 
   useEffect(() => {
     if (rings.length > 0) {
@@ -81,9 +84,9 @@ export default function PageOverview({
 
   return (
     <Fadeable leaving={leaving} onLeave={onLeave}>
-      <SetTitle title="Technologies Overview" />
+      <SetTitle title={title} />
       <HeadlineGroup>
-        <HeroHeadline>Technologies Overview</HeroHeadline>
+        <HeroHeadline>{title}</HeroHeadline>
       </HeadlineGroup>
       <div className="filter">
         <div className="split split--filter">
diff --git a/src/context/MessagesContext/index.tsx b/src/context/MessagesContext/index.tsx
index a635c1c..dba9b3b 100644
--- a/src/context/MessagesContext/index.tsx
+++ b/src/context/MessagesContext/index.tsx
@@ -27,11 +27,16 @@ interface PageHelp {
   };
 }
 
+interface PageOverview {
+  title: string;
+}
+
 export interface Messages {
   footerFootnote?: string;
   socialLinks?: SocialLink[];
   legalInformationLink?: string;
   pageHelp?: PageHelp;
+  pageOverview?: PageOverview;
   searchPlaceholder?: string;
 }