diff --git a/src/components/Search/Search.tsx b/src/components/Search/Search.tsx index 7a33715f5b..68248ee5cb 100644 --- a/src/components/Search/Search.tsx +++ b/src/components/Search/Search.tsx @@ -45,7 +45,7 @@ export const Search: React.FC = () => { return (
-
+
+
); }; diff --git a/src/pages/PhonesPage/PhonesPage.tsx b/src/pages/PhonesPage/PhonesPage.tsx index f2025e8f21..88948ab822 100644 --- 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 = ({ sortOption, currentPage, itemsPerPage, - searchQuery + searchQuery, ); return (