From a18ad2798557a2c19ac6d41c77fadb7ef2a62f13 Mon Sep 17 00:00:00 2001
From: Jon Eugster <eugster.jon@gmail.com>
Date: Mon, 10 Apr 2023 13:38:41 +0200
Subject: [PATCH] hover titles for inventory

---
 client/src/components/Inventory.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Inventory.tsx b/client/src/components/Inventory.tsx
index ef57df9..dd7f867 100644
--- a/client/src/components/Inventory.tsx
+++ b/client/src/components/Inventory.tsx
@@ -84,6 +84,8 @@ function InventoryItem({name, displayName, locked, disabled, showDoc}) {
   const icon = locked ? <FontAwesomeIcon icon={faLock} /> :
                disabled ? <FontAwesomeIcon icon={faBan} /> : ""
   const className = locked ? "locked" : disabled ? "disabled" : ""
+  const title = locked ? "Not unlocked yet" :
+                disabled ? "Not available in this level" : ""
 
   const handleClick = () => {
     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}) {