Refactor category button to use div for improved semantic structure; enhance accessibility and interaction

This commit is contained in:
2025-05-13 12:29:41 +05:30
parent 5d995b0a29
commit a937928b51

View File

@@ -230,7 +230,7 @@ const Assets: React.FC = () => {
(asset) => asset.category === category (asset) => asset.category === category
); );
return ( return (
<button <div
key={`${index}-${category}`} key={`${index}-${category}`}
className="category" className="category"
id={category} id={category}
@@ -243,7 +243,7 @@ const Assets: React.FC = () => {
draggable={false} draggable={false}
/> />
<div className="category-name">{category}</div> <div className="category-name">{category}</div>
</button> </div>
); );
})} })}
</div> </div>