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:
+46
@@ -0,0 +1,46 @@
|
||||
import * as React from "react";
|
||||
|
||||
import { Tooltip } from "@dndbeyond/character-common-components/es";
|
||||
import {
|
||||
CharacterTheme,
|
||||
Constants,
|
||||
} from "@dndbeyond/character-rules-engine/es";
|
||||
|
||||
import { ModifiedProficiencyHalfSvg, ProficiencyHalfSvg } from "../../../Svg";
|
||||
|
||||
interface Props {
|
||||
isModified: boolean;
|
||||
className: string;
|
||||
theme?: CharacterTheme;
|
||||
}
|
||||
|
||||
export default class HalfProficiencyIcon extends React.PureComponent<Props> {
|
||||
static defaultProps = {
|
||||
isModified: false,
|
||||
className: "",
|
||||
};
|
||||
|
||||
render() {
|
||||
const { isModified, className, theme } = this.props;
|
||||
|
||||
let IconComponent: React.ComponentType<any> = isModified
|
||||
? ModifiedProficiencyHalfSvg
|
||||
: ProficiencyHalfSvg;
|
||||
let classNames: Array<string> = ["ddbc-half-proficiency-icon", className];
|
||||
if (isModified) {
|
||||
classNames.push("ddbc-half-proficiency-icon--modified");
|
||||
}
|
||||
let fillColor;
|
||||
if (theme?.isDarkMode) {
|
||||
fillColor = isModified
|
||||
? Constants.CharacterColorEnum.DARKMODE_TEXT
|
||||
: theme?.themeColor;
|
||||
}
|
||||
|
||||
return (
|
||||
<Tooltip title="Half Proficiency" isDarkMode={theme?.isDarkMode}>
|
||||
<IconComponent className={classNames.join(" ")} fillColor={fillColor} />
|
||||
</Tooltip>
|
||||
);
|
||||
}
|
||||
}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
import HalfProficiencyIcon from "./HalfProficiencyIcon";
|
||||
|
||||
export default HalfProficiencyIcon;
|
||||
export { HalfProficiencyIcon };
|
||||
Reference in New Issue
Block a user