Merge pull request #17 from feliciahmq/reactive

fixed some css
feliciahmq · Jun 24, 2024 · bacfdb2 · bacfdb2
2 parents 8e4ed5d + 8150a80
commit bacfdb2
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 11 deletions.
diff --git a/src/components/header/Header.jsx b/src/components/header/Header.jsx
@@ -111,6 +111,7 @@ function Header() {
                         <li><Link to="/account">Register/ Login</Link></li>
                     )
                 ) : (
+                    currentUser ? (
                     <>
                         <div className='header-dropdown' onClick={handleChats}>
                             <FaComment cursor="pointer" />
@@ -135,6 +136,9 @@ function Header() {
                             <p>profile</p>
                         </div>
                     </>
+                    ) : (
+                         <li><Link to="/account">Register/ Login</Link></li>
+                    )
                 )}
             </ul>
         </nav>

diff --git a/src/components/searchbar/Searchbar.jsx b/src/components/searchbar/Searchbar.jsx
@@ -5,18 +5,18 @@ import { useNavigate } from 'react-router-dom';
 import './Searchbar.css';
 
 const SearchBar = () => {
-  const [query, setQuery] = useState('');
-  const navigate = useNavigate();
+    const [query, setQuery] = useState('');
+    const navigate = useNavigate();
 
-  const handleInputChange = (e) => {
-    const value = e.target.value;
-    setQuery(value);
-  };
+    const handleInputChange = (e) => {
+        const value = e.target.value;
+        setQuery(value);
+    };
 
-  const handleSearch = (e) => {
-    e.preventDefault();
-    navigate(`/search?query=${query}`);
-  };
+    const handleSearch = (e) => {
+        e.preventDefault();
+        navigate(`/search?query=${query}`);
+    };
 
   return (
     <div className="search-bar-container">

diff --git a/src/pages/search/SearchPage.jsx b/src/pages/search/SearchPage.jsx
@@ -134,8 +134,9 @@ function SearchPage() {
             if (!query) return products;
 
             const searchQuery = query.toLowerCase();
+                    console.log(searchQuery);
             return products.filter(product => {
-                const name = product.name ? product.name.toLowerCase() : '';
+                const name = product.title ? product.title.toLowerCase() : '';
                 const productType = product.productType ? product.productType.toLowerCase() : '';
                 const description = product.description ? product.description.toLowerCase() : '';
                 const username = product.username ? product.username.toLowerCase() : '';