1 import { getRoleLabelPill } from "@utils/app";
2 import classNames from "classnames";
3 import { Component } from "inferno";
4 import { I18NextService } from "../../services";
6 interface UserBadgesProps {
9 isPostCreator?: boolean;
16 export class UserBadges extends Component<UserBadgesProps> {
19 (this.props.isBanned ||
20 this.props.isPostCreator ||
23 this.props.isBot) && (
25 className={classNames(
26 "row d-inline-flex gx-1",
30 {this.props.isBanned && (
31 <span className="col">
33 label: I18NextService.i18n.t("banned"),
34 tooltip: I18NextService.i18n.t("banned"),
35 classes: "text-bg-danger",
40 {this.props.isDeleted && (
41 <span className="col">
43 label: I18NextService.i18n.t("deleted"),
44 tooltip: I18NextService.i18n.t("deleted"),
45 classes: "text-bg-danger",
51 {this.props.isPostCreator && (
52 <span className="col">
54 label: I18NextService.i18n.t("op").toUpperCase(),
55 tooltip: I18NextService.i18n.t("creator"),
56 classes: "text-bg-info",
61 {this.props.isMod && (
62 <span className="col">
64 label: I18NextService.i18n.t("mod"),
65 tooltip: I18NextService.i18n.t("mod"),
66 classes: "text-bg-primary",
70 {this.props.isAdmin && (
71 <span className="col">
73 label: I18NextService.i18n.t("admin"),
74 tooltip: I18NextService.i18n.t("admin"),
75 classes: "text-bg-danger",
79 {this.props.isBot && (
80 <span className="col">
82 label: I18NextService.i18n.t("bot_account").toLowerCase(),
83 tooltip: I18NextService.i18n.t("bot_account"),