From 97127092b5013874826df5b84a3dc805842970d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Fri, 28 Jul 2023 13:51:57 -0400
Subject: [PATCH] hide search

---
 install/package.json                      |  4 +-
 public/src/client/chats/message-search.js | 47 +++++++++++++++--------
 2 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/install/package.json b/install/package.json
index 75f31bf384..78b7ad0b60 100644
--- a/install/package.json
+++ b/install/package.json
@@ -101,10 +101,10 @@
         "nodebb-plugin-ntfy": "1.1.0",
         "nodebb-plugin-spam-be-gone": "2.1.1",
         "nodebb-rewards-essentials": "0.2.3",
-        "nodebb-theme-harmony": "1.1.18",
+        "nodebb-theme-harmony": "1.1.19",
         "nodebb-theme-lavender": "7.1.3",
         "nodebb-theme-peace": "2.1.6",
-        "nodebb-theme-persona": "13.2.10",
+        "nodebb-theme-persona": "13.2.11",
         "nodebb-widget-essentials": "7.0.13",
         "nodemailer": "6.9.4",
         "nprogress": "0.2.0",
diff --git a/public/src/client/chats/message-search.js b/public/src/client/chats/message-search.js
index 1da91577fc..b46cd651dc 100644
--- a/public/src/client/chats/message-search.js
+++ b/public/src/client/chats/message-search.js
@@ -6,43 +6,60 @@ define('forum/chats/message-search', [
 ], function (components, alerts, messages) {
 	const messageSearch = {};
 	let roomId = 0;
+	let searchInputEl;
 	let resultListEl;
 	let chatContent;
 	let clearEl;
-
+	let toggleEl;
+	let containerEl;
 	messageSearch.init = function (_roomId) {
 		roomId = _roomId;
-		const searchInput = $('[component="chat/room/search"]');
-		searchInput.on('keyup', utils.debounce(doSearch, 250))
-			.on('focus', () => {
-				if (searchInput.val()) {
-					doSearch();
-				}
-			});
+
 		resultListEl = $('[component="chat/message/search/results"]');
 		chatContent = $('[component="chat/message/content"]');
 		clearEl = $('[component="chat/room/search/clear"]');
+		containerEl = $('[component="chat/room/search/container"]');
+		toggleEl = $('[component="chat/room/search/toggle"');
+
+		searchInputEl = $('[component="chat/room/search"]');
+		searchInputEl.on('keyup', utils.debounce(doSearch, 250))
+			.on('focus', () => {
+				if (searchInputEl.val()) {
+					doSearch();
+				}
+			});
+
 		$('[component="chat/input"]').on('focus', () => {
 			resultListEl.addClass('hidden');
 			chatContent.removeClass('hidden');
 		});
 		clearEl.on('click', clearInputAndResults);
+
+		toggleEl.on('click', () => {
+			containerEl.removeClass('hidden');
+			toggleEl.addClass('hidden');
+			searchInputEl.trigger('focus');
+		});
+		searchInputEl.on('blur', () => {
+			if (!searchInputEl.val()) {
+				clearInputAndResults();
+			}
+		});
 	};
 
 	function clearInputAndResults() {
-		components.get('chat/room/search').val('');
+		searchInputEl.val('');
 		removeResults();
 		resultListEl.addClass('hidden');
-		chatContent.removeClass('hidden');
 		clearEl.addClass('hidden');
+		containerEl.addClass('hidden');
+		chatContent.removeClass('hidden');
+		toggleEl.removeClass('hidden');
 	}
 
 	async function doSearch() {
-		const query = components.get('chat/room/search').val();
-		if (!query) {
-			return clearInputAndResults();
-		}
-		if (query.length <= 2) {
+		const query = searchInputEl.val();
+		if (!query || query.length <= 2) {
 			return;
 		}
 		clearEl.removeClass('hidden');