const post_view = this.postView;
return (
<span className="small">
- <PersonListing person={post_view.creator} />
+ <PersonListing person={post_view.creator} muted={true} />
{this.creatorIsMod_ && (
<span className="mx-1 badge text-bg-light">
{I18NextService.i18n.t("mod")}
<Link
className={`d-inline ${
!post.featured_community && !post.featured_local
- ? "text-body"
- : "text-primary"
+ ? "link-dark"
+ : "link-primary"
}`}
to={`/post/${post.id}`}
title={I18NextService.i18n.t("comments")}
<a
className={
!post.featured_community && !post.featured_local
- ? "text-body"
- : "text-primary"
+ ? "link-dark"
+ : "link-primary"
}
href={url}
title={url}
const url = post.url;
return (
- <p className="d-flex text-muted align-items-center gap-1 small m-0">
+ <p className="small m-0">
{url && !(hostname(url) === getExternalHost()) && (
<a
- className="text-muted fst-italic"
+ className="fst-italic link-dark link-opacity-75 link-opacity-100-hover"
href={url}
title={url}
rel={relTags}
);
}
- showBodyPreview() {
- const { body, id } = this.postView.post;
-
- return !this.showBody && body ? (
- <Link className="text-body mt-2 d-block" to={`/post/${id}`}>
- <div className="md-div mb-1 preview-lines">{body}</div>
- </Link>
- ) : (
- <></>
- );
- }
-
listing() {
return (
<>
{/* If it has a thumbnail, do a right aligned thumbnail */}
{this.mobileThumbnail()}
- {/* Show a preview of the post body */}
- {this.showBodyPreview()}
-
{this.commentsLine(true)}
{this.userActionsLine()}
{this.duplicatesLine()}
<div className="col-12">
{this.postTitleLine()}
{this.createdLine()}
- {this.showBodyPreview()}
{this.commentsLine()}
{this.duplicatesLine()}
{this.userActionsLine()}