From 1231dd87508b1e41f8a6b41deb9e2239da3cf3ab Mon Sep 17 00:00:00 2001
From: ilyar <761285+ilyar@users.noreply.github.com>
Date: Tue, 4 Mar 2025 00:38:11 +0100
Subject: [PATCH] feat: add showSearch toggle (#480)

---
 README.md                                |  1 +
 data/config.default.json                 |  1 +
 src/components/Navigation/Navigation.tsx | 19 ++++++++++---------
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 1729184..aab5bea 100644
--- a/README.md
+++ b/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?                       |
diff --git a/data/config.default.json b/data/config.default.json
index 7f1c6ae..be74bb4 100644
--- a/data/config.default.json
+++ b/data/config.default.json
@@ -5,6 +5,7 @@
   "logoFile": "logo.svg",
   "jsFile": "",
   "toggles": {
+    "showSearch": false,
     "showChart": true,
     "showTagFilter": true,
     "showQuadrantList": true,
diff --git a/src/components/Navigation/Navigation.tsx b/src/components/Navigation/Navigation.tsx
index 8f93919..ee6a5d6 100644
--- a/src/components/Navigation/Navigation.tsx
+++ b/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>
-        {/*
-        <li className={styles.item}>
-          <Link href="/overview">
-            <IconSearch className={styles.icon} />
-            <span className={styles.label}>{getLabel("pageSearch")}</span>
-          </Link>
-        </li>
-        */}
+        {getToggle("showSearch") && (
+          <li className={styles.item}>
+            <Link href="/overview">
+              <IconSearch className={styles.icon} />
+              <span className={styles.label}>{getLabel("pageSearch")}</span>
+            </Link>
+          </li>
+        )}
       </ul>
     </nav>
   );