Merge pull request #619 from kailashchoudhary11/refactor/app

fixes: search suggestions bug
JasonDsouza212 · Jun 14, 2023 · 97d2b93 · 97d2b93 · vercel · Jun 14, 2023
2 parents f845c60 + cdcdbce
commit 97d2b93
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/pages/Bookmarks.jsx b/src/pages/Bookmarks.jsx
@@ -20,17 +20,21 @@ const BookMarks = () => {
   if (checkFilter(filters)) return <Navigate to="/notfound" />
 
   const filteredProducts = filterProducts(bookmarks, filters)
-  const currentProjects = searchProducts(filteredProducts, searchTerm)
+  let currentProducts = searchProducts(filteredProducts, searchTerm)
 
   const productNames = filteredProducts?.map((product) => product.productName) || []
 
   const filterNames = searchTerm.length > 0 ? productNames.filter((productName) => productName.toLowerCase().startsWith(searchTerm.toLowerCase())) : []
 
+  if (filterNames.length == 1 && currentProducts.filter(product => product.productName == searchTerm) == 1) {
+    currentProducts = currentProducts.filter(product => product.productName == filterNames[0])  
+  }
+
   return ( 
     <div className="card_container">
       <Header filteredSuggestions={filterNames} />
       <div className="card-container">
-        {currentProjects.length === 0 ? (
+        {currentProducts.length === 0 ? (
           <div className="not-found-wrapper">
             <p className="no-results">Sorry, no BookMarks in sight!</p>
             <img className="not-found-img" src={noresultimg} alt="no bookmarks" />
@@ -39,7 +43,7 @@ const BookMarks = () => {
           <>
             {filteredProducts.length > 0 ? (
               <main className="grid">
-                {currentProjects.map((product) => (
+                {currentProducts.map((product) => (
                   <article>
                     <div className="text">
                       <div className="text_top">

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
@@ -28,7 +28,7 @@ const Card = () => {
   if (checkFilter(filters)) return <Navigate to="/notfound" />
 
   const filteredProducts = filterProducts(products, filters)
-  const currentProducts = searchProducts(filteredProducts, searchTerm)
+  let currentProducts = searchProducts(filteredProducts, searchTerm)
 
   const [isLoading, setIsLoading] = useState(true)
   useEffect(() => {
@@ -40,6 +40,10 @@ const Card = () => {
   const productNames = filteredProducts?.map((product) => product.productName) || []
 
   const filterNames = searchTerm.length > 0 ? productNames.filter((productName) => productName.toLowerCase().startsWith(searchTerm.toLowerCase())) : []
+  if (filterNames.length == 1 && currentProducts.filter(product => product.productName == searchTerm).length == 1) {
+    currentProducts = currentProducts.filter(product => product.productName == filterNames[0])  
+  }
+
 
   return (
     <div className="card_container">