Frontend Warnings fix (#273)

* Frontend Warnings fix

Signed-off-by: vmuralictr <vmurali.ctr@gmail.com>

* errors fix

Signed-off-by: vmuralictr <vmurali.ctr@gmail.com>

* errors fix

Signed-off-by: vmuralictr <vmurali.ctr@gmail.com>

---------

Signed-off-by: vmuralictr <vmurali.ctr@gmail.com>

Author: vmuralictr

react-frontend/src/components/HeroSection.jsx

@@ -1,5 +1,4 @@
 import heroPic from "../images/hero-theme-pic.png";
-import openMainFrameLogo from "../images/openmainframeproject-color-1.png";
 
 function HeroSection() {
   return (

react-frontend/src/components/Navbar.jsx

@@ -22,6 +22,8 @@
 // export default NavBar;
 
 
+
+
 import sdtLogo from "../images/sdt-logo.png";
 function NavBar() {
     return (

react-frontend/src/components/SearchBar.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 import omfLogo from "../images/openmainframe-logo.png";
-import SearchResults from './SearchResults';
+import SearchResults from './SearchResults.jsx';
 import '../App.css';
 
 function SearchBar({ onSearchPerformed }) {
@@ -36,7 +36,7 @@ function SearchBar({ onSearchPerformed }) {
 
   useEffect(() => {
     if (searchPerformed) {
-      setNoDistributionMessage(isNoDistributionSelected());
+      setNoDistributionMessage(!Object.values(selectedOS).some(selected => selected));
     }
   }, [selectedOS, searchPerformed]);
 
@@ -145,10 +145,6 @@ function SearchBar({ onSearchPerformed }) {
     });
   };
 
-  const isNoDistributionSelected = () => {
-    return !Object.values(selectedOS).some(selected => selected);
-  };
-
   return (
     <div>
       <div className="search-bar-wrapper">

react-frontend/src/components/SearchResults.jsx

@@ -11,23 +11,35 @@ function SearchResults({ results = [], showDesc, itemsPerPage, searchPerformed,
   const [availableDistributions, setAvailableDistributions] = useState(['All']);
 
   useEffect(() => {
-    updateAvailableDistributions();
-  }, [selectedParentDistributions, osList]);
-
-  useEffect(() => {
-    updatePaginatedResults();
-  }, [currentPage, itemsPerPage, refinePackageName, results, selectedDistribution]);
-
-  const updateAvailableDistributions = () => {
-    const childDistributions = selectedParentDistributions.flatMap(parent => 
+    const childDistributions = selectedParentDistributions.flatMap(parent =>
       Object.keys(osList[parent] || {})
     );
     setAvailableDistributions(['All', ...new Set(childDistributions)]);
-    
+
     if (!childDistributions.includes(selectedDistribution) && selectedDistribution !== 'All') {
       setSelectedDistribution('All');
     }
-  };
+  }, [selectedParentDistributions, osList, selectedDistribution]);
+
+  useEffect(() => {
+    if (!Array.isArray(results)) {
+      setPaginatedResults([]);
+      return;
+    }
+    const filteredByName = results.filter((result) => {
+      const nameMatch = result.packageName.toLowerCase().includes(refinePackageName.toLowerCase());
+      const versionMatch = result.version.toLowerCase().includes(refinePackageName.toLowerCase());
+      return nameMatch || versionMatch;
+    });
+    const filteredResults = selectedDistribution === 'All'
+      ? filteredByName
+      : filteredByName.filter(result =>
+          result.ostag.split(',').map(tag => tag.trim()).includes(selectedDistribution)
+        );
+    const start = currentPage * itemsPerPage;
+    const end = start + itemsPerPage;
+    setPaginatedResults(filteredResults.slice(start, end));
+  }, [currentPage, itemsPerPage, refinePackageName, results, selectedDistribution]);
 
   const filterResults = () => {
     if (!Array.isArray(results)) return [];
@@ -47,14 +59,7 @@ function SearchResults({ results = [], showDesc, itemsPerPage, searchPerformed,
       });
     }
   };
-
-  const updatePaginatedResults = () => {
-    const filteredResults = filterResults();
-    const start = currentPage * itemsPerPage;
-    const end = start + itemsPerPage;
-    setPaginatedResults(filteredResults.slice(start, end));
-  };
-
+  
   const handlePageChange = (selectedPage) => {
     setCurrentPage(selectedPage.selected);
   };
@@ -66,6 +71,7 @@ function SearchResults({ results = [], showDesc, itemsPerPage, searchPerformed,
     });
   };
 
+  
   const handleDistributionChange = (e) => {
     setSelectedDistribution(e.target.value);
     setCurrentPage(0); // Reset to first page when changing distribution