use badge-muted

This commit is contained in:
Felix Ableitner 2023-05-24 12:22:24 +02:00
parent 90a9f72817
commit 15f75a26e9
2 changed files with 18 additions and 18 deletions

View file

@ -240,23 +240,23 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
{cv.comment.distinguished && ( {cv.comment.distinguished && (
<Icon icon="shield" inline classes={`text-danger mr-2`} /> <Icon icon="shield" inline classes={`text-danger mr-2`} />
)} )}
{isMod_ && (
<div className="badge badge-light d-none d-sm-inline mr-2">
{i18n.t("mod")}
</div>
)}
{isAdmin_ && (
<div className="badge badge-light d-none d-sm-inline mr-2">
{i18n.t("admin")}
</div>
)}
{this.isPostCreator && ( {this.isPostCreator && (
<div className="badge badge-light d-none d-sm-inline mr-2"> <div className="badge badge-light d-none d-sm-inline mr-2">
{i18n.t("creator")} {i18n.t("creator")}
</div> </div>
)} )}
{isMod_ && (
<div className="badge badge-muted d-none d-sm-inline mr-2">
{i18n.t("mod")}
</div>
)}
{isAdmin_ && (
<div className="badge badge-muted d-none d-sm-inline mr-2">
{i18n.t("admin")}
</div>
)}
{cv.creator.bot_account && ( {cv.creator.bot_account && (
<div className="badge badge-light d-none d-sm-inline mr-2"> <div className="badge badge-muted d-none d-sm-inline mr-2">
{i18n.t("bot_account").toLowerCase()} {i18n.t("bot_account").toLowerCase()}
</div> </div>
)} )}
@ -283,8 +283,8 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
)} )}
</button> </button>
{this.linkBtn(true)} {this.linkBtn(true)}
{cv.comment.language_id != 0 && ( {cv.comment.language_id !== 0 && (
<span className=""> <span className="badge badge-muted d-none d-sm-inline mr-2">
{ {
this.props.allLanguages.find( this.props.allLanguages.find(
lang => lang.id === cv.comment.language_id lang => lang.id === cv.comment.language_id

View file

@ -327,13 +327,13 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<PersonListing person={post_view.creator} /> <PersonListing person={post_view.creator} />
{this.creatorIsMod_ && ( {this.creatorIsMod_ && (
<span className="mx-1 badge badge-light">{i18n.t("mod")}</span> <span className="mx-1 badge badge-muted">{i18n.t("mod")}</span>
)} )}
{this.creatorIsAdmin_ && ( {this.creatorIsAdmin_ && (
<span className="mx-1 badge badge-light">{i18n.t("admin")}</span> <span className="mx-1 badge badge-muted">{i18n.t("admin")}</span>
)} )}
{post_view.creator.bot_account && ( {post_view.creator.bot_account && (
<span className="mx-1 badge badge-light"> <span className="mx-1 badge badge-muted">
{i18n.t("bot_account").toLowerCase()} {i18n.t("bot_account").toLowerCase()}
</span> </span>
)} )}
@ -344,8 +344,8 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
</span> </span>
)} )}
</li> </li>
{post_view.post.language_id != 0 && ( {post_view.post.language_id !== 0 && (
<span className="list-inline-item"> <span className="mx-1 badge badge-muted">
{ {
this.props.allLanguages.find( this.props.allLanguages.find(
lang => lang.id === post_view.post.language_id lang => lang.id === post_view.post.language_id