diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-07 16:34:55 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-07 19:04:13 +0100 |
| commit | a385d89dfd6312f2255d1343cea3f63375ce5b39 (patch) | |
| tree | cad32cfd21e188eb1c145d0fda173da7f353b591 /src/components/Comment/Comment.tsx | |
| parent | 8efb9219116a6c665d1059d3218c9405c616e404 (diff) | |
chore: improve comment section
I also adjust styles for all forms and primary buttons.
Diffstat (limited to 'src/components/Comment/Comment.tsx')
| -rw-r--r-- | src/components/Comment/Comment.tsx | 8 |
1 files changed, 6 insertions, 2 deletions
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} |