From 537985e698dfe340b1b2262c9ffb0cfdff5733f3 Mon Sep 17 00:00:00 2001
From: Erison Silva <hey@erison.work>
Date: Mon, 21 Oct 2024 11:21:09 +0200
Subject: [PATCH 1/2] feat: Add pencil icon before suggestion changes text

---
 src/components/Datetime.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/Datetime.tsx b/src/components/Datetime.tsx
index aedcdb1fc..dce79ffac 100644
--- a/src/components/Datetime.tsx
+++ b/src/components/Datetime.tsx
@@ -102,7 +102,17 @@ const EditPost = ({ editPost, postId }: EditPostProps) => {
           rel="noopener noreferrer"
           target="_blank"
         >
-          {editPostText}
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="scale-90 inline-block h-6 w-6 min-w-[1.375rem] fill-skin-base icon icon-tabler icons-tabler-outline icon-tabler-edit"
+            aria-hidden="true"
+          >
+            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+            <path d="M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1" />
+            <path d="M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z" />
+            <path d="M16 5l3 3" />
+          </svg>
+          <span class="ml-2 italic text-base">{editPostText}</span>
         </a>
       </>
     )

From 6091a8d340b0c5030c1c577e62e8925f5276a5cc Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Tue, 29 Oct 2024 12:57:30 +0700
Subject: [PATCH 2/2] fix: update class to className and adjust icon scale

---
 src/components/Datetime.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Datetime.tsx b/src/components/Datetime.tsx
index dce79ffac..15238cb64 100644
--- a/src/components/Datetime.tsx
+++ b/src/components/Datetime.tsx
@@ -97,14 +97,14 @@ const EditPost = ({ editPost, postId }: EditPostProps) => {
       <>
         <span aria-hidden="true"> | </span>
         <a
-          className="hover:opacity-75"
+          className="space-x-1.5 hover:opacity-75"
           href={editPostUrl}
           rel="noopener noreferrer"
           target="_blank"
         >
           <svg
             xmlns="http://www.w3.org/2000/svg"
-            class="scale-90 inline-block h-6 w-6 min-w-[1.375rem] fill-skin-base icon icon-tabler icons-tabler-outline icon-tabler-edit"
+            className="icon icon-tabler icons-tabler-outline icon-tabler-edit inline-block !scale-90 fill-skin-base"
             aria-hidden="true"
           >
             <path stroke="none" d="M0 0h24v24H0z" fill="none" />
@@ -112,7 +112,7 @@ const EditPost = ({ editPost, postId }: EditPostProps) => {
             <path d="M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z" />
             <path d="M16 5l3 3" />
           </svg>
-          <span class="ml-2 italic text-base">{editPostText}</span>
+          <span className="text-base italic">{editPostText}</span>
         </a>
       </>
     )