From 5f62b08fd1cad2d8dd016171c941ddada3b86d83 Mon Sep 17 00:00:00 2001
From: ktyl <me@ktyl.dev>
Date: Sat, 20 Jul 2024 12:55:10 +0100
Subject: [PATCH] feat: determine post count from data

---
 main.js | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/main.js b/main.js
index 1f3c567..1742054 100644
--- a/main.js
+++ b/main.js
@@ -6,19 +6,16 @@ const postCountElem = document.getElementById("post-count");
 const postTotalElem = document.getElementById("post-total");
 const loader = document.getElementById("loader");
 
-// we'll need a value for the max numaer of posts to be added to the page
-const postLimit = 99;
 // then we'll define a variable for how many posts we want to increase the
 // page by
 const postIncrease = 9;
-// how many times can we increase the content until we reach the max limit?
-const pageCount = Math.ceil(postLimit / postIncrease);
 // and define a value to determine which page we're on
 let currentPage = 1;
 
-
-postTotalElem.innerHTML = postLimit;
-
+// how many times can we increase the content until we reach the max limit?
+function getPageCount() {
+    return Math.ceil(Object.keys(posts).length / postIncrease);
+}
 
 function getRandomColor() {
     const h = Math.floor(Math.random() * 360);
@@ -140,8 +137,8 @@ function addPosts(pageIdx) {
     currentPage = pageIdx;
 
     const startRange = (pageIdx - 1) * postIncrease;
-    const endRange = currentPage == pageCount
-        ? postLimit
+    const endRange = currentPage == getPageCount()
+        ? posts.length
         : pageIdx * postIncrease;
 
     postCountElem.innerHTML = endRange;
@@ -162,7 +159,7 @@ function handleInfiniteScroll() {
             addPosts(currentPage + 1);
         }
 
-        if (currentPage === pageCount) {
+        if (currentPage === getPageCount()) {
             removeInfiniteScroll();
         }
     }, 1000);
@@ -305,4 +302,6 @@ loadDataFromEndpoint("https://api.wayfarer.games/singularity/posts.json", json =
         const parent = posts[post.replyTo];
         parent.addReply(post);
     }
+
+    postTotalElem.innerHTML = Object.keys(posts).length;
 });