From dcde0cb893d388539f566bddbcefc0730b05b1d3 Mon Sep 17 00:00:00 2001
From: Nareshkumar Rao <me@nareshkumarrao.com>
Date: Thu, 3 Apr 2025 00:14:33 +0200
Subject: [PATCH] oops quick fix

---
 src/app/blog/[[...tag]]/ActionButtons.tsx | 37 +++++++++++++++++++++++
 src/app/blog/[[...tag]]/PostSummary.tsx   | 30 ------------------
 src/app/blog/[[...tag]]/page.tsx          |  2 ++
 3 files changed, 39 insertions(+), 30 deletions(-)
 create mode 100644 src/app/blog/[[...tag]]/ActionButtons.tsx

diff --git a/src/app/blog/[[...tag]]/ActionButtons.tsx b/src/app/blog/[[...tag]]/ActionButtons.tsx
new file mode 100644
index 0000000..3f4d747
--- /dev/null
+++ b/src/app/blog/[[...tag]]/ActionButtons.tsx
@@ -0,0 +1,37 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+
+export default function ActionButtons({ loggedIn }: { loggedIn: boolean }) {
+  const router = useRouter();
+  return loggedIn ? (
+    <div
+      style={{
+        marginTop: "2rem",
+        padding: "0.5rem 1rem",
+        backgroundColor: "#333",
+        width: "fit-content",
+        userSelect: "none",
+        cursor: "pointer",
+      }}
+      onClick={() => router.push("/blog/write")}
+    >
+      write a post
+    </div>
+  ) : (
+    <div
+      style={{
+        marginTop: "2rem",
+        padding: "0.3rem 0.5rem",
+        backgroundColor: "#333",
+        width: "fit-content",
+        userSelect: "none",
+        cursor: "pointer",
+        fontSize: "0.8rem",
+      }}
+      onClick={() => router.push("/blog/login")}
+    >
+      login
+    </div>
+  );
+}
diff --git a/src/app/blog/[[...tag]]/PostSummary.tsx b/src/app/blog/[[...tag]]/PostSummary.tsx
index 66323fd..a341cd5 100644
--- a/src/app/blog/[[...tag]]/PostSummary.tsx
+++ b/src/app/blog/[[...tag]]/PostSummary.tsx
@@ -191,36 +191,6 @@ export default function PostSummary({
           </span>
         </div>
       </div>
-      {loggedIn ? (
-        <div
-          style={{
-            marginTop: "2rem",
-            padding: "0.5rem 1rem",
-            backgroundColor: "#333",
-            width: "fit-content",
-            userSelect: "none",
-            cursor: "pointer",
-          }}
-          onClick={() => router.push("/blog/write")}
-        >
-          write a post
-        </div>
-      ) : (
-        <div
-          style={{
-            marginTop: "2rem",
-            padding: "0.3rem 0.5rem",
-            backgroundColor: "#333",
-            width: "fit-content",
-            userSelect: "none",
-            cursor: "pointer",
-            fontSize: "0.8rem",
-          }}
-          onClick={() => router.push("/blog/login")}
-        >
-          login
-        </div>
-      )}
     </>
   );
 }
diff --git a/src/app/blog/[[...tag]]/page.tsx b/src/app/blog/[[...tag]]/page.tsx
index 9663ceb..bf07807 100644
--- a/src/app/blog/[[...tag]]/page.tsx
+++ b/src/app/blog/[[...tag]]/page.tsx
@@ -8,6 +8,7 @@ import PostSummary from "./PostSummary";
 import Pagination from "./Pagination";
 import TagOverview from "./TagOverview";
 import { isLoggedIn } from "@/components/auth";
+import ActionButtons from "./ActionButtons";
 
 export default async function Blog({
   params,
@@ -52,6 +53,7 @@ export default async function Blog({
           <PostSummary metadata={m} key={m.slug} loggedIn={loggedIn} />
         ))}
       <Pagination numberOfPages={numberOfPages} pageNumber={pageNumber} />
+      <ActionButtons loggedIn={loggedIn} />
     </>
   );
 }