LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-29 15:51:14 +00:00
Code Issues Projects Releases Wiki Activity

refactor again

Browse source
This commit is contained in:
Alec Armbruster 2023-06-27 15:00:35 -04:00
parent 4944f19143
commit 4e161f5f91
No known key found for this signature in database
GPG key ID: 52BC7C84E960FD1B
1 changed files with 10 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/shared/components/comment/comment-node.tsx
View file

@ -321,22 +321,22 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
this.getRoleLabelPill({
label: I18NextService.i18n.t("op").toUpperCase(),
tooltip: I18NextService.i18n.t("creator"),
parentClasses: "text-info",
shrinkToSingleLetter: false,
classes: "text-bg-info text-black",
shrink: false,
})}
{isMod_ &&
this.getRoleLabelPill({
label: I18NextService.i18n.t("mod"),
tooltip: I18NextService.i18n.t("mod"),
shrunkenLabelClasses: "text-primary",
classes: "text-bg-primary text-black",
})}
{isAdmin_ &&
this.getRoleLabelPill({
label: I18NextService.i18n.t("admin"),
tooltip: I18NextService.i18n.t("admin"),
shrunkenLabelClasses: "text-danger",
classes: "text-bg-danger text-black",
})}
{cv.creator.bot_account &&
@ -1202,43 +1202,21 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
getRoleLabelPill({
label,
tooltip,
parentClasses,
shrunkenLabelClasses,
hideOnMobile = false,
shrinkToSingleLetter = true,
classes,
shrink = true,
}: {
label: string;
tooltip: string;
parentClasses?: string;
shrunkenLabelClasses?: string;
hideOnMobile?: boolean;
shrinkToSingleLetter?: boolean;
classes?: string;
shrink?: boolean;
}) {
const parentClassNames = classNames(
`badge me-1 text-bg-light ${parentClasses}`,
{
"d-none d-md-inline": hideOnMobile,
}
);
let fullLabelClassNames = "d-none d-md-inline";
let shrunkenLabelClassNames = `d-inline d-md-none ${shrunkenLabelClasses}`;
if (!shrinkToSingleLetter) {
fullLabelClassNames = "";
shrunkenLabelClassNames = "d-none";
}
return (
<span
className={parentClassNames}
className={`badge me-1 ${classes ?? "text-bg-light"}`}
aria-label={tooltip}
data-tippy-content={tooltip}
>
<span className={fullLabelClassNames}>{label}</span>
<span className={shrunkenLabelClassNames}>
{label[0].toUpperCase()}
</span>
{shrink ? label[0].toUpperCase() : label}
</span>
);
}