feat: add showSearch toggle (#480)

README.md

@@ -93,6 +93,7 @@ Open the `config.json` file and configure the radar to your needs.
 
 | Attribute        | Description                                             |
 | ---------------- | ------------------------------------------------------- |
+| showSearch       | Render the radar search on the header?                  |
 | showChart        | Render the radar visualization on the homepage?         |
 | showTagFilter    | Render the tag filter below the radar?                  |
 | showQuadrantList | Render the items below the radar?                       |

data/config.default.json

@@ -5,6 +5,7 @@
   "logoFile": "logo.svg",
   "jsFile": "",
   "toggles": {
+    "showSearch": false,
     "showChart": true,
     "showTagFilter": true,
     "showQuadrantList": true,

src/components/Navigation/Navigation.tsx

@@ -4,7 +4,8 @@ import styles from "./Navigation.module.css";
 
 import IconOverview from "@/components/Icons/Overview";
 import IconQuestion from "@/components/Icons/Question";
-import { getLabel } from "@/lib/data";
+import IconSearch from "@/components/Icons/Search";
+import { getLabel, getToggle } from "@/lib/data";
 
 export function Navigation() {
   return (
@@ -22,14 +23,14 @@ export function Navigation() {
             <span className={styles.label}>{getLabel("pageOverview")}</span>
           </Link>
         </li>
-        {/*
+        {getToggle("showSearch") && (
-        <li className={styles.item}>
+          <li className={styles.item}>
-          <Link href="/overview">
+            <Link href="/overview">
-            <IconSearch className={styles.icon} />
+              <IconSearch className={styles.icon} />
-            <span className={styles.label}>{getLabel("pageSearch")}</span>
+              <span className={styles.label}>{getLabel("pageSearch")}</span>
-          </Link>
+            </Link>
-        </li>
+          </li>
-        */}
+        )}
       </ul>
     </nav>
   );