fixes_2

mate-academy · Aug 2, 2023 · 69f64fc · 69f64fc
1 parent 82a6e29
commit 69f64fc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/Search/Search.tsx b/src/components/Search/Search.tsx
@@ -45,7 +45,7 @@ export const Search: React.FC = () => {
 
   return (
     <div className="search">
-      <div className="search__content">
+      <label className="search__content">
         <input
           type="text"
           placeholder={searchText}
@@ -66,7 +66,7 @@ export const Search: React.FC = () => {
             <img src={search} alt="search" className="search__img" />
           )}
         </button>
-      </div>
+      </label>
     </div>
   );
 };
diff --git a/src/pages/PhonesPage/PhonesPage.tsx b/src/pages/PhonesPage/PhonesPage.tsx
@@ -23,7 +23,7 @@ const getSortedAndFilteredPhones = (
   sortOption: string,
   currentPage: number,
   itemsPerPage: string,
-  searchQuery: string
+  searchQuery: string,
 ) => {
   let visiblePhones = [...phones];
 
@@ -33,6 +33,7 @@ const getSortedAndFilteredPhones = (
 
     return phones.filter(phone => {
       const phoneName = phone.name.toLowerCase();
+
       return searchWords.every(word => phoneName.includes(word));
     });
   }
@@ -81,7 +82,7 @@ export const PhonesPage: React.FC<Props> = ({
     sortOption,
     currentPage,
     itemsPerPage,
-    searchQuery
+    searchQuery,
   );
 
   return (