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,51 @@
|
||||
import React from "react";
|
||||
|
||||
import { Tooltip } from "@dndbeyond/character-common-components/es";
|
||||
import { CharacterTheme } from "@dndbeyond/character-rules-engine/es";
|
||||
|
||||
import SlotManager from "../SlotManager";
|
||||
|
||||
interface Props {
|
||||
isUsed: boolean;
|
||||
isReadonly?: boolean;
|
||||
canUse: boolean;
|
||||
onSet?: (uses: number) => void;
|
||||
theme: CharacterTheme;
|
||||
useTooltip?: boolean;
|
||||
showEmptySlot?: boolean;
|
||||
tooltipTitle?: string;
|
||||
}
|
||||
export const ItemSlotManager: React.FC<Props> = ({
|
||||
isUsed,
|
||||
isReadonly = false,
|
||||
canUse,
|
||||
onSet,
|
||||
theme,
|
||||
useTooltip = true,
|
||||
showEmptySlot = true,
|
||||
tooltipTitle,
|
||||
}) => {
|
||||
return (
|
||||
<div className="ct-item-slot-manager">
|
||||
{canUse ? (
|
||||
<SlotManager
|
||||
size="small"
|
||||
used={isUsed ? 1 : 0}
|
||||
available={1}
|
||||
onSet={onSet}
|
||||
isInteractive={!isReadonly}
|
||||
/>
|
||||
) : showEmptySlot ? (
|
||||
<Tooltip
|
||||
enabled={useTooltip}
|
||||
title={tooltipTitle ?? ""}
|
||||
isDarkMode={theme.isDarkMode}
|
||||
>
|
||||
<div className="ct-item-slot-manager--empty">--</div>
|
||||
</Tooltip>
|
||||
) : null}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ItemSlotManager;
|
||||
Reference in New Issue
Block a user