Add multi-feed search functionality to Lazer price feed IDs

components/LazerPriceIdTable.tsx

@@ -69,22 +69,32 @@ const LoadedLazerPriceIdTable = ({
   }, []);
 
   const filteredFeeds = useMemo(() => {
+    const searchTerms = search
+      .split(/[,\s]+/)
+      .map((term) => term.trim().toLowerCase())
+      .filter((term) => term.length > 0);
+
+    if (searchTerms.length === 0) {
+      return priceFeeds;
+    }
+
     return priceFeeds.filter((feed) => {
-      const searchLower = search.toLowerCase();
-      return (
-        feed.symbol.toLowerCase().includes(searchLower) ||
-        feed.name.toLowerCase().includes(searchLower) ||
-        feed.description.toLowerCase().includes(searchLower) ||
-        feed.pyth_lazer_id.toString().includes(searchLower)
-      );
+      return searchTerms.some((searchTerm) => {
+        return (
+          feed.symbol.toLowerCase().includes(searchTerm) ||
+          feed.name.toLowerCase().includes(searchTerm) ||
+          feed.description.toLowerCase().includes(searchTerm) ||
+          feed.pyth_lazer_id.toString().includes(searchTerm)
+        );
+      });
     });
   }, [priceFeeds, search]);
 
   return (
     <div>
       <input
         type="text"
-        placeholder="Search by symbol, name, description, or pyth lazer id..."
+        placeholder="Search by symbol, name, description, or pyth lazer id (comma or space separated for multiple)..."
         value={search}
         onChange={updateSearch}
         className="w-full p-2 mb-4 border border-gray-300 rounded-md"