bytelyst/learning_ai_invt_trdg
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): improve profile rule keyboard access

Browse Source
This commit is contained in:
Saravana Achu Mac 2026-05-09 02:00:07 -07:00
parent cdc0e57ae9
commit 3c525930da
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/components/TradeProfileManager.tsx
View File

@ -1031,7 +1031,19 @@ export const TradeProfileManager = ({ botState = DEFAULT_BOT_STATE }: TradeProfi
? 'border-[var(--border-strong)] bg-[var(--card-elevated)]'
: 'border-[var(--border)] bg-[var(--muted)]/35'
}`}>
<div onClick={() => toggleRule(rule.id)} className="px-4 py-3 flex items-center justify-between cursor-pointer group">
<div
role="button"
tabIndex={0}
aria-pressed={active}
onClick={() => toggleRule(rule.id)}
onKeyDown={(event) => {
if (event.key === 'Enter' || event.key === ' ') {
event.preventDefault();
toggleRule(rule.id);
}
}}
className="group flex cursor-pointer items-center justify-between px-4 py-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
>
<div className="flex items-center gap-3">
<div
className="w-8 h-8 rounded-lg flex items-center justify-center transition-all"