Grabbed dndbeyond's source code
``` ~/go/bin/sourcemapper -output ddb -jsurl https://media.dndbeyond.com/character-app/static/js/main.90aa78c5.js ```
This commit is contained in:
@@ -0,0 +1,62 @@
|
||||
import * as React from "react";
|
||||
|
||||
import { Tooltip } from "@dndbeyond/character-common-components/es";
|
||||
import {
|
||||
ConditionUtils,
|
||||
Condition,
|
||||
CharacterTheme,
|
||||
} from "@dndbeyond/character-rules-engine/es";
|
||||
|
||||
interface Props {
|
||||
className: string;
|
||||
condition: Condition;
|
||||
tooltipText: string;
|
||||
theme?: CharacterTheme;
|
||||
}
|
||||
|
||||
export default class ConditionName extends React.PureComponent<Props, {}> {
|
||||
static defaultProps = {
|
||||
className: "",
|
||||
tooltipText: "",
|
||||
};
|
||||
|
||||
renderConditionLevel = (condition: Condition): React.ReactNode => {
|
||||
const levels = ConditionUtils.getLevels(condition);
|
||||
|
||||
if (!levels.length) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return (
|
||||
<span className="ddbc-condition__level">
|
||||
{" "}
|
||||
(Level {ConditionUtils.getActiveLevel(condition)})
|
||||
</span>
|
||||
);
|
||||
};
|
||||
|
||||
render() {
|
||||
const { className, condition, tooltipText, theme } = this.props;
|
||||
|
||||
let classNames: Array<string> = [className, "ddbc-condition"];
|
||||
|
||||
return (
|
||||
<span className={classNames.join(" ")}>
|
||||
<Tooltip
|
||||
title={tooltipText}
|
||||
enabled={!!tooltipText}
|
||||
isDarkMode={theme?.isDarkMode}
|
||||
>
|
||||
<span
|
||||
className={`ddbc-condition__name ${
|
||||
theme?.isDarkMode ? "ddbc-condition__name--dark-mode" : ""
|
||||
}`}
|
||||
>
|
||||
{ConditionUtils.getName(condition)}
|
||||
{this.renderConditionLevel(condition)}
|
||||
</span>
|
||||
</Tooltip>
|
||||
</span>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user