imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make everything use the KeyBindingManager (#7907)

Browse source
This commit is contained in:
Šimon Brandner 2022-02-28 17:05:52 +01:00 • committed by GitHub
parent 5f8441216c
commit df591ee835
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
37 changed files with 529 additions and 277 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/views/emojipicker/Header.tsx
View file

@ -19,9 +19,10 @@ import React from 'react';
import classNames from "classnames";
import { _t } from "../../../languageHandler";
import { Key } from "../../../Keyboard";
import { CategoryKey, ICategory } from "./Category";
import { replaceableComponent } from "../../../utils/replaceableComponent";
import { getKeyBindingsManager } from "../../../KeyBindingsManager";
import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
interface IProps {
categories: ICategory[];
@ -57,18 +58,20 @@ class Header extends React.PureComponent<IProps> {
// https://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-1/tabs.html
private onKeyDown = (ev: React.KeyboardEvent) => {
let handled = true;
switch (ev.key) {
case Key.ARROW_LEFT:
const action = getKeyBindingsManager().getAccessibilityAction(ev);
switch (action) {
case KeyBindingAction.ArrowLeft:
this.changeCategoryRelative(-1);
break;
case Key.ARROW_RIGHT:
case KeyBindingAction.ArrowRight:
this.changeCategoryRelative(1);
break;
case Key.HOME:
case KeyBindingAction.Home:
this.changeCategoryAbsolute(0);
break;
case Key.END:
case KeyBindingAction.End:
this.changeCategoryAbsolute(this.props.categories.length - 1, -1);
break;
default: