Merge pull request #642 from Unleash/fix/create-screens-clean-up

fix: add autofocus to all new create-screens

frontend/src/component/admin/api-token/ApiTokenForm/ApiTokenForm.tsx

@@ -80,6 +80,7 @@ const ApiTokenForm: React.FC<IApiTokenFormProps> = ({
                     error={errors.username !== undefined}
                     errorText={errors.username}
                     onFocus={() => clearErrors()}
+                    autoFocus
                 />
                 <p className={styles.inputDescription}>
                     What is your token type?

frontend/src/component/admin/project-roles/ProjectRoleForm/ProjectRoleForm.tsx

@@ -142,6 +142,7 @@ const ProjectRoleForm: React.FC<IProjectRoleForm> = ({
                     errorText={errors.name}
                     onFocus={() => clearErrors()}
                     onBlur={validateNameUniqueness}
+                    autoFocus
                 />
 
                 <p className={styles.inputDescription}>

frontend/src/component/admin/users/UserForm/UserForm.tsx

@@ -74,6 +74,7 @@ const UserForm: React.FC<IUserForm> = ({
                     error={Boolean(errors.name)}
                     errorText={errors.name}
                     onFocus={() => clearErrors()}
+                    autoFocus
                 />
                 <Input
                     className={styles.input}

frontend/src/component/admin/users/hooks/useAddUserForm.ts

@@ -4,7 +4,7 @@ import useUsers from '../../../../hooks/api/getters/useUsers/useUsers';
 const useProjectRoleForm = (
     initialName = '',
     initialEmail = '',
-    initialSendEmail = false,
+    initialSendEmail = true,
     initialRootRole = 1
 ) => {
     const [name, setName] = useState(initialName);

frontend/src/component/context/ContextForm/ContextForm.tsx

@@ -109,6 +109,7 @@ const ContextForm: React.FC<IContextForm> = ({
                     errorText={errors.name}
                     onFocus={() => clearErrors()}
                     onBlur={validateNameUniqueness}
+                    autoFocus
                 />
                 <p className={styles.inputDescription}>
                     What is this context for?
@@ -160,7 +161,7 @@ const ContextForm: React.FC<IContextForm> = ({
                         Add
                     </Button>
                 </div>
-                <p className={styles.inputHeader}>Custom stickiness (beta)</p>
+                <p className={styles.inputHeader}>Custom stickiness</p>
                 <p>
                     By enabling stickiness on this context field you can use it
                     together with the flexible-rollout strategy. This will

frontend/src/component/environments/EnvironmentForm/EnvironmentForm.tsx

@@ -51,6 +51,7 @@ const EnvironmentForm: React.FC<IEnvironmentForm> = ({
                     onFocus={() => clearErrors()}
                     onBlur={validateEnvironmentName}
                     disabled={mode === 'Edit'}
+                    autoFocus
                 />
 
                 <p className={styles.inputDescription}>

frontend/src/component/feature/CreateFeature/FeatureForm/FeatureForm.tsx

@@ -62,6 +62,7 @@ const FeatureForm: React.FC<IFeatureToggleForm> = ({
                     What would you like to call your toggle?
                 </p>
                 <Input
+                    autoFocus
                     disabled={mode === 'Edit'}
                     className={styles.input}
                     label="Name"

frontend/src/component/project/Project/ProjectForm/ProjectForm.tsx

@@ -54,6 +54,7 @@ const ProjectForm: React.FC<IProjectForm> = ({
                     onFocus={() => clearErrors()}
                     onBlur={validateIdUniqueness}
                     disabled={mode === 'Edit'}
+                    autoFocus
                 />
 
                 <p className={styles.inputDescription}>

frontend/src/component/tagTypes/TagTypeForm/TagTypeForm.tsx

@@ -52,6 +52,7 @@ const TagTypeForm: React.FC<ITagTypeForm> = ({
                     onFocus={() => clearErrors()}
                     disabled={mode === EDIT}
                     onBlur={validateNameUniqueness}
+                    autoFocus
                 />
 
                 <p className={styles.inputDescription}>What is this tag for?</p>