1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
This commit is contained in:
Jari Kolehmainen 2021-04-23 16:14:43 +03:00
parent e06a653e1f
commit 0c8b2d4cca

View File

@ -46,7 +46,7 @@ export class HotbarMenu extends React.Component<Props> {
const { className } = this.props; const { className } = this.props;
const hotbarStore = HotbarStore.getInstance(); const hotbarStore = HotbarStore.getInstance();
const hotbar = hotbarStore.getActive(); const hotbar = hotbarStore.getActive();
const hotbarIndex = hotbarStore.activeHotbarIndex + 1; const activeIndexDisplay = hotbarStore.activeHotbarIndex + 1;
return ( return (
<div className={cssNames("HotbarMenu flex column", className)}> <div className={cssNames("HotbarMenu flex column", className)}>
@ -66,7 +66,7 @@ export class HotbarMenu extends React.Component<Props> {
<div className="HotbarSelector flex gaps auto"> <div className="HotbarSelector flex gaps auto">
<Icon material="chevron_left" className="previous box" onClick={() => this.previous()} /> <Icon material="chevron_left" className="previous box" onClick={() => this.previous()} />
<div className="box"> <div className="box">
<Badge id="hotbarIndex" small label={hotbarIndex} onClick={() => this.openSelector()} /> <Badge id="hotbarIndex" small label={activeIndexDisplay} onClick={() => this.openSelector()} />
<Tooltip <Tooltip
targetId="hotbarIndex" targetId="hotbarIndex"
preferredPositions={TooltipPosition.TOP} preferredPositions={TooltipPosition.TOP}