refactor: prevent duplicated title for index page by making prop optional

dist_scripts/src/config.js

@@ -5,9 +5,11 @@ exports.radarName = process.env.REACT_APP_RADAR_NAME || "AOE Technology Radar";
 exports.radarNameShort = exports.radarName;
 exports.titleFormat = process.env.REACT_APP_RADAR_TITLE_FORMAT || "%TECHNOLOGY_NAME% | %APP_TITLE%";
 function setTitle(document, title) {
-    document.title = exports.titleFormat
-        .replace("%TECHNOLOGY_NAME%", title)
-        .replace("%APP_TITLE%", exports.radarName);
+    document.title = title
+        ? exports.titleFormat
+            .replace("%TECHNOLOGY_NAME%", title)
+            .replace("%APP_TITLE%", exports.radarName)
+        : exports.radarName;
 }
 exports.setTitle = setTitle;
 var getItemPageNames = function (items) {

scripts/createStaticFiles.ts

@@ -56,9 +56,9 @@ const createStaticFiles = async () => {
       const document = dom.window.document;
       const rootEl = document.getElementById("root");
 
-      document.title = 'test'
+      document.title = "test";
 
-      setTitle(document, item.title)
+      setTitle(document, item.title);
 
       if (rootEl) {
         const textNode = document.createElement("div");

src/components/PageIndex/PageIndex.tsx

@@ -1,6 +1,6 @@
 import { MomentInput } from "moment";
 
-import { ConfigData, radarName, radarNameShort } from "../../config";
+import { ConfigData, radarName } from "../../config";
 import { useMessages } from "../../context/MessagesContext";
 import { formatRelease } from "../../date";
 import { HomepageOption, Item, featuredOnly } from "../../model";
@@ -38,7 +38,7 @@ export default function PageIndex({
     config.homepageContent === HomepageOption.both;
   return (
     <Fadeable leaving={leaving} onLeave={onLeave}>
-      <SetTitle title={radarNameShort} />
+      <SetTitle />
       <div className="headline-group">
         <HeroHeadline alt={`Version #${numberOfReleases}`}>
           {radarName}

src/components/SetTitle.tsx

@@ -3,12 +3,12 @@ import { useEffect } from "react";
 import { setTitle } from "../config";
 
 type SetTitleProps = {
-  title: string;
+  title?: string;
 };
 
 export default function SetTitle({ title }: SetTitleProps) {
   useEffect(() => {
-    setTitle(document, title)
+    setTitle(document, title);
   }, [title]);
 
   return null;

src/config.ts

@@ -23,12 +23,15 @@ export interface ConfigData {
 export const radarName =
   process.env.REACT_APP_RADAR_NAME || "AOE Technology Radar";
 export const radarNameShort = radarName;
-export const titleFormat = process.env.REACT_APP_RADAR_TITLE_FORMAT || "%TECHNOLOGY_NAME% | %APP_TITLE%"
+export const titleFormat =
+  process.env.REACT_APP_RADAR_TITLE_FORMAT || "%TECHNOLOGY_NAME% | %APP_TITLE%";
 
-export function setTitle(document: Document, title: string) {
-  document.title = titleFormat
-    .replace('%TECHNOLOGY_NAME%', title)
-    .replace('%APP_TITLE%', radarName)
+export function setTitle(document: Document, title?: string) {
+  document.title = title
+    ? titleFormat
+        .replace("%TECHNOLOGY_NAME%", title)
+        .replace("%APP_TITLE%", radarName)
+    : radarName;
 }
 
 export const getItemPageNames = (items: Item[]) =>