1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-03-18 00:19:49 +01:00

fix: add autofocus to all new create-screens

This commit is contained in:
Youssef 2022-01-28 15:14:12 +01:00
parent 3488bb5fd6
commit 8cbfefc47a
8 changed files with 9 additions and 2 deletions

View File

@ -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?

View File

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

View File

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

View File

@ -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);

View File

@ -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

View File

@ -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"

View File

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

View File

@ -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>