fix keyboard active state

t3-oss · Oct 20, 2023 · 3bf5a5e · 3bf5a5e
1 parent f2ae1a4
commit 3bf5a5e
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/www/src/components/landingPage/ClipboardSelect.tsx b/www/src/components/landingPage/ClipboardSelect.tsx
@@ -88,10 +88,12 @@ export default function ClipboardSelect() {
             >
               {commands.map(({ command, manager }) => (
                 <Menu.Item key={manager}>
-                  {() => {
+                  {({ active }) => {
                     return (
                       <button
-                        className={`group flex w-full items-center bg-t3-purple-200/10 px-2 py-2 text-sm hover:bg-t3-purple-200/20`}
+                        className={`${
+                          active && "bg-t3-purple-200/20"
+                        } group flex w-full items-center bg-t3-purple-200/10 px-2 py-2 text-sm hover:bg-t3-purple-200/20`}
                         onClick={() => {
                           handleCopyToClipboard(command)
                             .then(() => {