feat: add pencil icon before suggestion changes text (#405)

* feat: Add pencil icon before suggestion changes text * fix: update class to className and adjust icon scale --------- Co-authored-by: satnaing <[email protected]>
satnaing · Oct 29, 2024 · ec10609 · ec10609
1 parent 8bcf870
commit ec10609
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/components/Datetime.tsx b/src/components/Datetime.tsx
@@ -97,12 +97,22 @@ 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"
         >
-          {editPostText}
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            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" />
+            <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 className="text-base italic">{editPostText}</span>
         </a>
       </>
     )