+import classNames from "classnames";
import { Component } from "inferno";
import { Link } from "inferno-router";
import { Person } from "lemmy-js-client";
{!this.props.realLink ? (
<Link
title={apubName}
- className={this.props.muted ? "text-muted" : "text-info"}
+ className={classNames("d-inline-flex align-items-baseline", {
+ "text-muted": this.props.muted,
+ "text-info": !this.props.muted,
+ })}
to={link}
>
{this.avatarAndName(displayName)}
) : (
<a
title={apubName}
- className={this.props.muted ? "text-muted" : "text-info"}
+ className={`d-inline-flex align-items-baseline ${
+ this.props.muted ? "text-muted" : "text-info"
+ }`}
href={link}
rel={relTags}
>
</span>
)}
{this.props.showCommunity && (
- <span>
- <span className="mx-1"> {i18n.t("to")} </span>
- <CommunityLink community={post_view.community} />
- </span>
+ <>
+ {" "}
+ {i18n.t("to")} <CommunityLink community={post_view.community} />
+ </>
)}
</li>
{post_view.post.language_id !== 0 && (