1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-26 13:48:33 +02:00

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

fix: add autofocus to all new create-screens
This commit is contained in:
Youssef Khedher 2022-01-28 15:34:20 +01:00 committed by GitHub
commit 7773d107bc
9 changed files with 10 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

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

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>