feat(assets/js): show loading message while waiting for fetched search results (#10948)

Signed-off-by: hainenber <[email protected]>

Author: hainenber

assets/js/search.js

@@ -281,9 +281,18 @@ window.doResultsPageSearch = async (query, type, version) => {
     const searchResultsContainer = document.getElementById('searchPageResultsContainer');
 
     try {
+        // Clear any previous search results
+        searchResultsContainer.innerHTML = '';
+
+        // Display a loading message while fetching results
+        const loadingElement = document.createElement('div');
+        loadingElement.textContent = 'Loading...';
+        searchResultsContainer.appendChild(loadingElement);
+
         const response = await fetch(`https://search-api.opensearch.org/search?q=${query}&v=${version}&t=${type}`);
         const data = await response.json();
-        // Clear any previous search results
+
+        // Clear the loading message
         searchResultsContainer.innerHTML = '';
 
         if (data.results && data.results.length > 0) {