From a385d89dfd6312f2255d1343cea3f63375ce5b39 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 7 Jan 2022 16:34:55 +0100
Subject: chore: improve comment section

I also adjust styles for all forms and primary buttons.
---
 src/components/Comment/Comment.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

(limited to 'src/components/Comment/Comment.tsx')

diff --git a/src/components/Comment/Comment.tsx b/src/components/Comment/Comment.tsx
index 7214abe..6a4abce 100644
--- a/src/components/Comment/Comment.tsx
+++ b/src/components/Comment/Comment.tsx
@@ -44,7 +44,7 @@ const Comment = ({
   const getApprovedComment = () => {
     return (
       <>
-        <article className={styles.wrapper}>
+        <article className={styles.wrapper} id={`comment-${comment.commentId}`}>
           <header className={styles.header}>
             {comment.author.gravatarUrl && (
               <div className={styles.avatar}>
@@ -59,7 +59,11 @@ const Comment = ({
           </header>
           <dl className={styles.date}>
             <dt>{t`Published on:`}</dt>
-            <dd>{getLocaleDate()}</dd>
+            <dd>
+              <Link href={`#comment-${comment.commentId}`}>
+                <a>{getLocaleDate()}</a>
+              </Link>
+            </dd>
           </dl>
           <div
             className={styles.body}
-- 
cgit v1.2.3

