feat(ui): set autofocus on first form item

ncarlier · May 10, 2019 · 1329000 · 1329000
1 parent f552240
commit 1329000
Show file tree

Hide file tree

Showing 10 changed files with 10 additions and 0 deletions.
diff --git a/ui/src/articles/components/AddArticleForm.tsx b/ui/src/articles/components/AddArticleForm.tsx
@@ -76,6 +76,7 @@ const AddArticleForm = ({ value, category, onSuccess, onCancel, showMessage }: A
             {...url('url')}
             error={!formState.validity.url}
             required
+            autoFocus
             ref={onMountValidator.bind}
           />
         </form>

diff --git a/ui/src/common/FormInputField.tsx b/ui/src/common/FormInputField.tsx
@@ -7,6 +7,7 @@ interface Props {
   label: string
   required?: boolean
   readOnly?: boolean
+  autoFocus?: boolean
   error?: boolean
   children?: ReactNode
 }

diff --git a/ui/src/settings/api-keys/AddApiKeyForm.tsx b/ui/src/settings/api-keys/AddApiKeyForm.tsx
@@ -68,6 +68,7 @@ export const AddApiKeyForm = ({ history, showMessage }: AllProps) => {
             {...text('alias')}
             error={!formState.validity.alias}
             required
+            autoFocus
             ref={onMountValidator.bind}
           />
         </form>

diff --git a/ui/src/settings/api-keys/EditApiKeyForm.tsx b/ui/src/settings/api-keys/EditApiKeyForm.tsx
@@ -69,6 +69,7 @@ export const EditApiKeyForm = ({ data, history, showMessage }: AllProps) => {
             {...text('alias')}
             error={!formState.validity.alias}
             required
+            autoFocus
             ref={onMountValidator.bind}
           />
         </form>

diff --git a/ui/src/settings/archive-services/AddArchiveServiceForm.tsx b/ui/src/settings/archive-services/AddArchiveServiceForm.tsx
@@ -81,6 +81,7 @@ export const AddArchiveServiceForm = ({ history, showMessage }: AllProps) => {
             {...text('alias')}
             error={!formState.validity.alias}
             required
+            autoFocus
             ref={onMountValidator.bind}
           />
           <FormSelectField

diff --git a/ui/src/settings/archive-services/EditArchiveServiceForm.tsx b/ui/src/settings/archive-services/EditArchiveServiceForm.tsx
@@ -81,6 +81,7 @@ export const EditArchiveServiceForm = ({ data, history, showMessage }: AllProps)
             {...text('alias')}
             error={!formState.validity.alias}
             required
+            autoFocus
             ref={onMountValidator.bind}
           />
           <FormSelectField label="Provider" {...select('provider')} ref={onMountValidator.bind}>

diff --git a/ui/src/settings/categories/AddCategoryForm.tsx b/ui/src/settings/categories/AddCategoryForm.tsx
@@ -68,6 +68,7 @@ export const AddCategoryForm = ({ history, showMessage }: AllProps) => {
             {...text('title')}
             error={!formState.validity.title}
             required
+            autoFocus
             ref={onMountValidator.bind}
           />
         </form>

diff --git a/ui/src/settings/categories/EditCategoryForm.tsx b/ui/src/settings/categories/EditCategoryForm.tsx
@@ -68,6 +68,7 @@ export const EditCategoryForm = ({ category, history, showMessage }: AllProps) =
             {...text('title')}
             error={!formState.validity.title}
             required
+            autoFocus
             ref={onMountValidator.bind}
           />
         </form>

diff --git a/ui/src/settings/rules/AddRuleForm.tsx b/ui/src/settings/rules/AddRuleForm.tsx
@@ -77,6 +77,7 @@ export const AddRuleForm = ({ history, showMessage }: AllProps) => {
             {...text('alias')}
             error={!formState.validity.alias}
             required
+            autoFocus
             ref={onMountValidator.bind}
           />
           <FormTextareaField

diff --git a/ui/src/settings/rules/EditRuleForm.tsx b/ui/src/settings/rules/EditRuleForm.tsx
@@ -83,6 +83,7 @@ export const EditRuleForm = ({ data, history, showMessage }: AllProps) => {
             {...text('alias')}
             error={!formState.validity.alias}
             required
+            autoFocus
             ref={onMountValidator.bind}
           />
           <FormTextareaField