From 6aee9f0d75255117656c5473024cce74ba943017 Mon Sep 17 00:00:00 2001
From: ktyl <me@ktyl.dev>
Date: Wed, 17 Jul 2024 00:08:55 +0100
Subject: [PATCH] feat: add post button at top of feed

---
 main.js | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/main.js b/main.js
index 8851ae6..80c6a28 100644
--- a/main.js
+++ b/main.js
@@ -188,6 +188,23 @@ function removeInfiniteScroll() {
     window.removeEventListener("scroll", handleInfiniteScroll);
 }
 
+function addWritePostBlock() {
+    const blockElem = document.createElement("div");
+    blockElem.className = "block";
+    blockElem.style.backgroundColor = "red";
+
+    const buttonElem = document.createElement("a");
+    buttonElem.setAttribute("href", "#");
+    buttonElem.innerHTML = "Write something interesting for me!";
+    buttonElem.addEventListener("click", () => {
+        // TODO: inject a new post element at the top of the feed
+        console.log("write something interesting");
+    });
+    blockElem.append(buttonElem);
+
+    blockContainer.append(blockElem)
+}
+
 function init() {
     if (posts == undefined)
     {
@@ -196,10 +213,15 @@ function init() {
     }
     
     // need to load all the resources first
-    if (users.length == 0 || Object.keys(posts).length == 0)
+    const postCount = Object.keys(posts).length;
+    if (users.length == 0 || postCount == 0)
         return;
 
-    console.log(`loaded ${users.length} users and ${posts.length} posts`);
+    console.log(`loaded ${users.length} users and ${postCount} posts`);
+
+    // TODO: add write post block
+    addWritePostBlock();
+    // TODO: add bio
 
     addPosts(currentPage);
     window.addEventListener("scroll", handleInfiniteScroll);