From 7a92345bf06476799cc716a81af6e19227a03d7a Mon Sep 17 00:00:00 2001
From: neon_arch <mustafadhuleb53@gmail.com>
Date: Mon, 21 Aug 2023 17:35:09 +0300
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20provide=20seperate=20search?=
 =?UTF-8?q?=20bars=20for=20the=20home=20&=20search=20pages=20(#185)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/templates/search_bar.html             | 25 +-----------------
 public/templates/search_page_search_bar.html | 27 ++++++++++++++++++++
 2 files changed, 28 insertions(+), 24 deletions(-)
 create mode 100644 public/templates/search_page_search_bar.html

diff --git a/public/templates/search_bar.html b/public/templates/search_bar.html
index 2eff7a1..fee188e 100644
--- a/public/templates/search_bar.html
+++ b/public/templates/search_bar.html
@@ -1,25 +1,2 @@
-<div class="search_bar">
-  <input
-    type="search"
-    name="search-box"
-    value="{{this.pageQuery}}"
-    placeholder="Type to search"
-  />
-  <button type="submit" onclick="searchWeb()">search</button>
-  <div class="error_box">
-    <button onclick="toggleErrorBox()" class="error_box_dropdown">
-      <img src="./images/info.svg" alt="Info icon for error box" />
-    </button>
-    {{#each engineErrorsInfo}}
-    <div class="error_item">
-      <span class="engine_name">{{{this.engine}}}</span>
-      <span class="engine_name">{{{this.error}}}</span>
-      <span
-        class="severity_color"
-        style="background: {{{this.severity_color}}}; width: 400px; height: 400px"
-        >lsl</span
-      >
-    </div>
-    {{/each}}
-  </div>
+{{>bar this}}
 </div>
diff --git a/public/templates/search_page_search_bar.html b/public/templates/search_page_search_bar.html
new file mode 100644
index 0000000..8bb6bd9
--- /dev/null
+++ b/public/templates/search_page_search_bar.html
@@ -0,0 +1,27 @@
+{{>bar this}}
+    <div class="error_box">
+        {{#if engineErrorsInfo}}
+        <button onclick="toggleErrorBox()" class="error_box_toggle_button">
+            <img src="./images/warning.svg" alt="Info icon for error box" />
+        </button>
+        <div class="dropdown_error_box">
+            {{#each engineErrorsInfo}}
+            <div class="error_item">
+                <span class="engine_name">{{{this.engine}}}</span>
+                <span class="engine_name">{{{this.error}}}</span>
+                <span class="severity_color" style="background: {{{this.severity_color}}};"></span>
+            </div>
+            {{/each}}
+        </div>
+        {{else}}
+        <button onclick="toggleErrorBox()" class="error_box_toggle_button">
+            <img src="./images/info.svg" alt="Warning icon for error box" />
+        </button>
+        <div class="dropdown_error_box">
+            <div class="no_errors">
+                Everything looks good 🙂!!
+            </div>
+        </div>
+        {{/if}}
+    </div>
+</div>