Fixed prepend posts not working correctly

Author: Ben-Brady

src/components/post_search/columns/index.js

@@ -53,7 +53,9 @@ export default function ColumnPosts(props) {
 
     let scrollHandler = (e) => {
         const { scrollTop, offsetHeight, scrollHeight } = e.target;
-        if (scrollTop + offsetHeight >= scrollHeight) {
+        let distanceFromTop = scrollTop + offsetHeight;
+        let distanceFromBottom = scrollHeight - distanceFromTop;
+        if (distanceFromBottom === 0) {
             posts_callback();
         }
     };

src/components/post_search/grid/index.js

@@ -27,7 +27,7 @@ export default function GridPosts(props) {
         const { scrollTop, offsetHeight, scrollHeight } = e.target;
         let distanceFromTop = scrollTop + offsetHeight;
         let distanceFromBottom = scrollHeight - distanceFromTop;
-        if (distanceFromBottom < 2) {
+        if (distanceFromBottom === 0) {
             posts_callback();
         }
     };

src/components/post_search/index.js

@@ -6,7 +6,7 @@ import LayoutSelector from "./layout_selector";
 import Settings from "js/settings";
 
 export default function PostsSearch(props) {
-    let { search,layout } = props;
+    let { search, layout } = props;
     let [ posts, setPosts ] = useState([]);
 
     useEffect(() => {
@@ -15,10 +15,12 @@ export default function PostsSearch(props) {
             setPosts(search.posts);
         })()
     }, []);
-
+    
     function prepend_posts() {
-        search.extend(100);
-        setPosts(search.posts);
+        (async () => {
+            await search.extend(100);
+            setPosts(search.posts);
+        })();
     }
 
     let Layout_Lookup = {