Jelajahi Sumber

Merge pull request #1578 from weseek/feat/anchor

added anchor function for comments
Yuki Takei 6 tahun lalu
induk
melakukan
2a9170a4ee
1 mengubah file dengan 2 tambahan dan 2 penghapusan
  1. 2 2
      src/client/js/components/PageComment/Comment.jsx

+ 2 - 2
src/client/js/components/PageComment/Comment.jsx

@@ -294,7 +294,7 @@ class Comment extends React.Component {
             commentCreator={creator.username}
             commentCreator={creator.username}
           />
           />
         ) : (
         ) : (
-          <div className={rootClassName}>
+          <div id={commentId} className={rootClassName}>
             <UserPicture user={creator} />
             <UserPicture user={creator} />
             <div className="page-comment-main">
             <div className="page-comment-main">
               <div className="page-comment-creator">
               <div className="page-comment-creator">
@@ -303,7 +303,7 @@ class Comment extends React.Component {
               <div className="page-comment-body">{commentBody}</div>
               <div className="page-comment-body">{commentBody}</div>
               <div className="page-comment-meta">
               <div className="page-comment-meta">
                 <OverlayTrigger overlay={commentDateTooltip} placement="bottom">
                 <OverlayTrigger overlay={commentDateTooltip} placement="bottom">
-                  <span>{commentDate}</span>
+                  <span><a href={`#${commentId}`}>{commentDate}</a></span>
                 </OverlayTrigger>
                 </OverlayTrigger>
                 { isEdited && (
                 { isEdited && (
                   <OverlayTrigger overlay={editedDateTooltip} placement="bottom">
                   <OverlayTrigger overlay={editedDateTooltip} placement="bottom">