From 2eb60f12a037a43a8fe89fa949d9c832edbe08dc Mon Sep 17 00:00:00 2001
From: Nareshkumar Rao <me@nareshkumarrao.com>
Date: Wed, 2 Apr 2025 01:42:57 +0200
Subject: [PATCH] add edit button

---
 src/app/blog/post/[slug]/PostDisplay.tsx | 31 +++++++++++++++++++++---
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/app/blog/post/[slug]/PostDisplay.tsx b/src/app/blog/post/[slug]/PostDisplay.tsx
index 6724506..0c216ad 100644
--- a/src/app/blog/post/[slug]/PostDisplay.tsx
+++ b/src/app/blog/post/[slug]/PostDisplay.tsx
@@ -146,13 +146,34 @@ export default function PostDisplay({
       <div
         style={{
           display: "flex",
-          justifyContent: "flex-end",
+          justifyContent: "space-between",
           marginTop: "1rem",
-          userSelect: "none",
-          cursor: "pointer",
-          backgroundColor: "transparent",
         }}
       >
+        {loggedIn ? (
+          <div
+            style={{
+              backgroundColor: "#a66",
+              color: "#111",
+              fontSize: "0.8rem",
+              padding: "0.5rem",
+              transition: "background-color 0.3s linear",
+              userSelect: "none",
+              cursor: "pointer",
+            }}
+            onMouseOver={(e) => {
+              e.currentTarget.style.backgroundColor = "#c88";
+            }}
+            onMouseOut={(e) => {
+              e.currentTarget.style.backgroundColor = "#a66";
+            }}
+            onClick={() => router.push(`/blog/write/${post.slug}`)}
+          >
+            edit
+          </div>
+        ) : (
+          <div></div>
+        )}
         <span
           style={{
             backgroundColor: "#999",
@@ -160,6 +181,8 @@ export default function PostDisplay({
             fontSize: "0.8rem",
             padding: "0.5rem",
             transition: "background-color 0.3s linear",
+            userSelect: "none",
+            cursor: "pointer",
           }}
           onMouseOver={(e) => {
             e.currentTarget.style.backgroundColor = "#eee";