Docker/flame
Docker/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-07-21 12:29:36 +02:00
Code Issues Releases Wiki Activity

Support for keyboard navigation for Apps. Small refactor to pinApp action

Browse source
This commit is contained in:
unknown 2021-05-22 18:10:12 +02:00
parent 8813bf6181
commit 5c948e1a68
4 changed files with 43 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

11
client/src/components/Apps/AppForm/AppForm.tsx
View file

@ -1,4 +1,4 @@
import { useState, useEffect, ChangeEvent, SyntheticEvent } from 'react';
import { useState, useEffect, useRef, ChangeEvent, SyntheticEvent } from 'react';
import { connect } from 'react-redux';
import { addApp, updateApp } from '../../../store/actions';
import { App, NewApp } from '../../../interfaces/App';
@ -20,6 +20,14 @@ const AppForm = (props: ComponentProps): JSX.Element => {
icon: ''
});
const inputRef = useRef<HTMLInputElement>(null);
useEffect(() => {
if (inputRef.current) {
inputRef.current.focus();
}
}, [inputRef])
useEffect(() => {
if (props.app) {
console.log('app');
@ -75,6 +83,7 @@ const AppForm = (props: ComponentProps): JSX.Element => {
required
value={formData.name}
onChange={(e) => inputChangeHandler(e)}
ref={inputRef}
/>
</div>
<div className={classes.InputGroup}>