wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-09-09 11:38:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

Featured Comment Styles

Browse Source
This commit is contained in:
Belen Curcio
2017-07-05 12:28:09 -03:00
parent f9bece468f
commit 2a9535f88a
2 changed files with 29 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/talk-plugin-featured-comments/client/components/FeaturedComment.js
+5 -5
View File
@@ -7,20 +7,20 @@ import {Icon} from 'plugin-api/beta/client/components/ui';
const FeaturedComment = ({comment}) => {
return (
<div className={cn(`${name}__featured-comment`, styles.featuredComment)}>
<p className={cn(`${name}__featured-comment__comment-body`)}>
<div className={cn(styles.featuredComment, `${name}__featured-comment`)}>
<p className={cn(styles.body, `${name}__featured-comment__comment-body`)}>
"{comment.body}"
</p>
<footer>
<div>
<strong className={cn(`${name}__featured-comment__username`, styles.username)}>
<strong className={cn(styles.username, `${name}__featured-comment__username`)}>
{comment.user.username}
</strong>
<span className={cn(`${name}__featured-comment__timeago`, styles.timeago)}>
<span className={cn(styles.timeago, `${name}__featured-comment__timeago`)}>
,{' '}{timeago(comment.created_at)}
</span>
</div>
<a className={cn(`${name}__featured-comment__go-to`, styles.goTo)}>
<a className={cn(styles.goTo, `${name}__featured-comment__go-to`)}>
Go to conversation<Icon name="keyboard_arrow_right" />
</a>
</footer>