Update Sidebar Setting elements to be buttons (improve accessibility) (#130)

* update sidebar elements to be buttons so they are keyboard navigatable * rollback whitespace change
2023-03-25 03:21:58 -07:00
parent bc3b6d3355
commit c73f604819
2 changed files with 19 additions and 9 deletions
@@ -8,12 +8,12 @@ interface Props {

 export const SidebarButton: FC<Props> = ({ text, icon, onClick }) => {
  return (
-    <div
+    <button
      className="flex py-3 px-3 gap-3 rounded-md hover:bg-gray-500/10 transition-colors duration-200 text-white cursor-pointer w-full items-center"
      onClick={onClick}
    >
      <div>{icon}</div>
      <div>{text}</div>
-    </div>
+    </button>
  );
 };