Elgato_dark/argo-cd
1
0
Fork 0
mirror of https://github.com/argoproj/argo-cd synced 2026-05-23 17:28:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

feat: Add a keyboard shortcut to move focus to search (#4796)

Browse source 
Fixes: #4700
Signed-off-by: Chetan Banavikalmutt <chetanrns1997@gmail.com>
This commit is contained in:
Chetan Banavikalmutt 2020-12-01 23:04:52 +05:30 committed by GitHub
parent 6e1649b1e2
commit 6095fc564f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
ui/src/app/applications/components/applications-list/applications-list.tsx
View file

@ -165,6 +165,19 @@ export const ApplicationsList = (props: RouteComponentProps<{}>) => {
const [isAppCreatePending, setAppCreatePending] = React.useState(false);
const searchBar = React.useRef<HTMLDivElement>(null);
React.useEffect(() => {
const handleKeyPress = (e: KeyboardEvent) => {
if (e.keyCode === 47 && searchBar.current && !appInput) {
searchBar.current.querySelector('input').focus();
e.preventDefault();
}
};
document.addEventListener('keypress', handleKeyPress);
return () => {
document.removeEventListener('keypress', handleKeyPress);
};
});
const loaderRef = React.useRef<DataLoader>();
function refreshApp(appName: string) {
// app refreshing might be done too quickly so that UI might miss it due to event batching