Merge pull request #5 from opencobra/constructor_dev

fix bugs in header display and search bar

Author: Yifang-Guo

curationTool/reactions/static/reactions/js/status.js

@@ -20,7 +20,7 @@ function setLoggedInStatusBasedOnUrl(reactionData) {
             status = "Creating Reaction";
             dotClass = "dot-red"; 
         } else {
-            status = `Editing reaction <br>
+            status = `Editing reaction 
                       <span class="reaction-name" data-tooltip-this="${reactionDescription}">${reactionName}</span>`;
             dotClass = "dot-orange";
         }

curationTool/reactions/static/reactions/js_savedreactions/search_reaction.js

@@ -4,21 +4,23 @@ document.addEventListener('DOMContentLoaded', () => {
 
     searchInput.addEventListener('input', () => {
         const query = searchInput.value.toLowerCase();
-        const rows = reactionListBody.getElementsByTagName('tr'); // Only get rows from tbody
+        const rows = reactionListBody.getElementsByTagName('tr');
 
         Array.from(rows).forEach(row => {
-            // Check if the row is currently visible
-            if (row.style.display !== 'none') {
-                const name = row.cells[1].textContent.toLowerCase();
-                const subsystem = row.cells[2].textContent.toLowerCase();
-                const substrates = row.cells[3].textContent.toLowerCase();
-                const products = row.cells[4].textContent.toLowerCase();
+            const name = row.cells[1].textContent.toLowerCase();
+            const subsystem = row.cells[2].textContent.toLowerCase();
+            const substrates = row.cells[3].textContent.toLowerCase();
+            const products = row.cells[4].textContent.toLowerCase();
 
-                if (name.includes(query) || subsystem.includes(query) || substrates.includes(query) || products.includes(query)) {
-                    row.style.display = ''; // Show row
-                } else {
-                    row.style.display = 'none'; // Hide row
-                }
+            if (
+                name.includes(query) ||
+                subsystem.includes(query) ||
+                substrates.includes(query) ||
+                products.includes(query)
+            ) {
+                row.style.display = ''; // Show row
+            } else {
+                row.style.display = 'none'; // Hide row
             }
         });
     });