feat(PageIndex): make PageIndex published text configurable

medic · Nov 10, 2021 · 265a831 · 265a831
1 parent a509e0a
commit 265a831
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 1 deletion.
diff --git a/messages_example.json b/messages_example.json
@@ -90,6 +90,9 @@
  "pageItem": {
  "quadrantOverview": "Quadrant Overview"
  },
+ "pageIndex": {
+ "publishedLabel": "Quadrant 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
@@ -90,6 +90,9 @@
  "pageItem": {
  "quadrantOverview": "Quadrant Overview"
  },
+ "pageIndex": {
+ "publishedLabel": "Quadrant Overview"
+ },
  "legalInformationLink": "https://www.aoe.com/en/imprint.html",
  "search": "What are you looking for?"
 }
diff --git a/src/components/PageIndex/PageIndex.tsx b/src/components/PageIndex/PageIndex.tsx
@@ -7,6 +7,7 @@ import Fadeable from "../Fadeable/Fadeable";
 import SetTitle from "../SetTitle";
 import { radarName, radarNameShort } from "../../config";
 import { MomentInput } from "moment";
+import { useMessages } from "../../context/MessagesContext";
 
 type PageIndexProps = {
  leaving: boolean;
@@ -21,6 +22,9 @@ export default function PageIndex({
  items,
  releases,
 }: PageIndexProps) {
+ const { pageIndex } = useMessages();
+ const publishedLabel = pageIndex?.publishedLabel || 'Published';
+
  const newestRelease = releases.slice(-1)[0];
  const numberOfReleases = releases.length;
  return (
@@ -33,7 +37,7 @@ export default function PageIndex({
  </div>
  <QuadrantGrid items={featuredOnly(items)} />
  <div className="publish-date">
- Published {formatRelease(newestRelease)}
+ {publishedLabel} {formatRelease(newestRelease)}
  </div>
  </Fadeable>
  );

diff --git a/src/context/MessagesContext/index.tsx b/src/context/MessagesContext/index.tsx
@@ -35,13 +35,18 @@ interface PageItem {
  quadrantOverview: string;
 }
 
+interface PageIndex {
+ publishedLabel: string;
+}
+
 export interface Messages {
  footerFootnote?: string;
  socialLinks?: SocialLink[];
  legalInformationLink?: string;
  pageHelp?: PageHelp;
  pageOverview?: PageOverview;
  pageItem?: PageItem;
+ pageIndex?: PageIndex;
  searchPlaceholder?: string;
 }