diff --git a/src/pages/posts/PostsPage.js b/src/pages/posts/PostsPage.js index 86b1061..a9cb5f3 100644 --- a/src/pages/posts/PostsPage.js +++ b/src/pages/posts/PostsPage.js @@ -14,7 +14,7 @@ import { axiosReq } from "../../api/axiosDefaults"; import NoResults from "../../assets/no-results.png"; import InfiniteScroll from "react-infinite-scroll-component"; -import {fetchMoreData} from "../../utils/utils" +import { fetchMoreData } from "../../utils/utils"; function PostsPage({ message, filter = "" }) { const [posts, setPosts] = useState({ results: [] }); @@ -36,24 +36,24 @@ function PostsPage({ message, filter = "" }) { setHasLoaded(false); const timer = setTimeout(() => { fetchPosts(); - }, 1000) + }, 1000); return () => { - clearTimeout(timer) - } + clearTimeout(timer); + }; }, [filter, query, pathname]); return (

Popular profiles mobile

-
event.preventDefault()} > + setQuery(event.target.value)} + value={query} + onChange={(event) => setQuery(event.target.value)} type="text" className="mr-sm-2" placeholder="Search posts" @@ -62,18 +62,15 @@ function PostsPage({ message, filter = "" }) { {hasLoaded ? ( <> {posts.results.length ? ( - ( + ( - )) - } - dataLength={posts.results.length} - loader={} - hasMore={!!posts.next} - next={() => fetchMoreData(posts, setPosts)} + ))} + dataLength={posts.results.length} + loader={} + hasMore={!!posts.next} + next={() => fetchMoreData(posts, setPosts)} /> - ) : ( diff --git a/src/styles/PostsPage.module.css b/src/styles/PostsPage.module.css index 6aea95a..8df41f0 100644 --- a/src/styles/PostsPage.module.css +++ b/src/styles/PostsPage.module.css @@ -1,5 +1,4 @@ .SearchBar input { - border-radius: 20px; color: #242a3d; padding-left: 40px; margin-bottom: 16px;