From 1329000631d45c376a2880ae6f96d3755baf3d26 Mon Sep 17 00:00:00 2001
From: Nicolas Carlier <n.carlier@nunux.org>
Date: Fri, 10 May 2019 07:15:34 +0000
Subject: [PATCH] feat(ui): set autofocus on first form item

---
 ui/src/articles/components/AddArticleForm.tsx               | 1 +
 ui/src/common/FormInputField.tsx                            | 1 +
 ui/src/settings/api-keys/AddApiKeyForm.tsx                  | 1 +
 ui/src/settings/api-keys/EditApiKeyForm.tsx                 | 1 +
 ui/src/settings/archive-services/AddArchiveServiceForm.tsx  | 1 +
 ui/src/settings/archive-services/EditArchiveServiceForm.tsx | 1 +
 ui/src/settings/categories/AddCategoryForm.tsx              | 1 +
 ui/src/settings/categories/EditCategoryForm.tsx             | 1 +
 ui/src/settings/rules/AddRuleForm.tsx                       | 1 +
 ui/src/settings/rules/EditRuleForm.tsx                      | 1 +
 10 files changed, 10 insertions(+)

diff --git a/ui/src/articles/components/AddArticleForm.tsx b/ui/src/articles/components/AddArticleForm.tsx
index 0f0a67dfb..a3075ad05 100644
--- 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
index c7cba2c94..82ef79dc4 100644
--- 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
index d08de88df..9378ef667 100644
--- 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
index 10c1c62bf..c16addeed 100644
--- 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
index 67425ca24..553fba11f 100644
--- 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
index 25145b83a..f4a09575e 100644
--- 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
index a0dab29d7..2f84916f7 100644
--- 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
index 95553b9e0..ddf0cf326 100644
--- 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
index 95ac90449..6d671c689 100644
--- 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
index c0d5c4ce9..7667c96f2 100644
--- 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