phc/lean4game
6
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

hover titles for inventory

Browse Source
This commit is contained in:
Jon Eugster
2023-04-11 11:15:02 +02:00
parent 60a9c1727b
commit a18ad27985
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/Inventory.tsx
+3 -1
View File
@@ -84,6 +84,8 @@ function InventoryItem({name, displayName, locked, disabled, showDoc}) {
const icon = locked ? <FontAwesomeIcon icon={faLock} /> : const icon = locked ? <FontAwesomeIcon icon={faLock} /> :
disabled ? <FontAwesomeIcon icon={faBan} /> : "" disabled ? <FontAwesomeIcon icon={faBan} /> : ""
const className = locked ? "locked" : disabled ? "disabled" : "" const className = locked ? "locked" : disabled ? "disabled" : ""
const title = locked ? "Not unlocked yet" :
disabled ? "Not available in this level" : ""
const handleClick = () => { const handleClick = () => {
if (!locked && !disabled) { if (!locked && !disabled) {
@@ -91,7 +93,7 @@ function InventoryItem({name, displayName, locked, disabled, showDoc}) {
} }
} }
return <div className={`item ${className}`} onClick={handleClick}>{icon} {displayName}</div> return <div className={`item ${className}`} onClick={handleClick} title={title}>{icon} {displayName}</div>
} }
export function Documentation({name, type}) { export function Documentation({name, type}) {