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:
+54
@@ -0,0 +1,54 @@
|
||||
import * as React from "react";
|
||||
|
||||
import {
|
||||
Constants,
|
||||
ExperienceInfo,
|
||||
FormatUtils,
|
||||
RuleData,
|
||||
} from "@dndbeyond/character-rules-engine/es";
|
||||
|
||||
import XpBar from "../XpBar";
|
||||
|
||||
interface Props {
|
||||
className: string;
|
||||
ruleData: RuleData;
|
||||
xpInfo: ExperienceInfo;
|
||||
progressionType: Constants.PreferenceProgressionTypeEnum;
|
||||
}
|
||||
export default class CharacterProgressionSummary extends React.PureComponent<
|
||||
Props,
|
||||
{}
|
||||
> {
|
||||
static defaultProps = {
|
||||
className: "",
|
||||
};
|
||||
|
||||
render() {
|
||||
const { className, ruleData, xpInfo, progressionType } = this.props;
|
||||
|
||||
const classNames: Array<string> = [
|
||||
"ddbc-character-progression-summary",
|
||||
className,
|
||||
];
|
||||
|
||||
return (
|
||||
<div className={classNames.join(" ")}>
|
||||
{progressionType ===
|
||||
Constants.PreferenceProgressionTypeEnum.MILESTONE && (
|
||||
<div className="ddbc-character-progression-summary__level">
|
||||
Level {xpInfo.currentLevel}
|
||||
</div>
|
||||
)}
|
||||
{progressionType === Constants.PreferenceProgressionTypeEnum.XP && (
|
||||
<div className="ddbc-character-progression-summary__xp-bar">
|
||||
<XpBar xp={xpInfo.currentLevelXp} ruleData={ruleData} />
|
||||
<div className="ddbc-character-progression-summary__xp-data">
|
||||
{FormatUtils.renderLocaleNumber(xpInfo.currentLevelXp)} /{" "}
|
||||
{FormatUtils.renderLocaleNumber(xpInfo.nextLevelXp)} XP
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user