👁️
fix appearing clickable deck name
+3
-1
+3
-1
src/components/deck/DeckHeader.tsx
+3
-1
src/components/deck/DeckHeader.tsx
···
58
58
/>
59
59
) : (
60
60
<h1
61
-
className="text-4xl font-bold text-gray-900 dark:text-white cursor-pointer hover:text-cyan-600 dark:hover:text-cyan-400 transition-colors font-display"
61
+
className={`text-4xl font-bold text-gray-900 dark:text-white font-display ${!readOnly ? "cursor-pointer hover:text-cyan-600 dark:hover:text-cyan-400 transition-colors" : ""}`}
62
62
onClick={handleNameClick}
63
63
onKeyDown={(e) => {
64
64
if (e.key === "Enter" || e.key === " ") {
65
65
handleNameClick();
66
66
}
67
67
}}
68
+
tabIndex={!readOnly ? 0 : undefined}
69
+
role={!readOnly ? "button" : undefined}
68
70
>
69
71
{name}
70
72
</h1>