Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-27 22:49:56 -05:00
Code Issues Activity

Added autoFocus to AddNewsLetter and AddIntegration Modal (#18751)

Browse source
This commit is contained in:
Princi Vershwal 2023-10-25 15:15:14 +05:30 • committed by GitHub
parent a20e269a0b
commit 0a2b8cdbd3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
apps/admin-x-settings/src/components/settings/advanced/integrations/AddIntegrationModal.tsx
View file

@ -63,6 +63,7 @@ const AddIntegrationModal: React.FC<RoutingModalProps> = () => {
marginTop={false} marginTop={false}
> >
<TextField <TextField
autoFocus={true}
error={!!errors.name} error={!!errors.name}
hint={errors.name} hint={errors.name}
placeholder='Custom integration' placeholder='Custom integration'

4
apps/admin-x-settings/src/components/settings/email/newsletters/AddNewsletterModal.tsx
View file

@ -26,7 +26,7 @@ const AddNewsletterModal: React.FC<RoutingModalProps> = () => {
}); });
const {mutateAsync: addNewsletter} = useAddNewsletter(); const {mutateAsync: addNewsletter} = useAddNewsletter();
const {formState, updateForm, handleSave, errors, validate, clearError} = useForm({ const {formState, updateForm, handleSave, errors, clearError} = useForm({
initialState: { initialState: {
name: '', name: '',
description: '', description: '',
@ -96,12 +96,12 @@ const AddNewsletterModal: React.FC<RoutingModalProps> = () => {
marginTop marginTop
> >
<TextField <TextField
autoFocus={true}
error={Boolean(errors.name)} error={Boolean(errors.name)}
hint={errors.name} hint={errors.name}
placeholder='Weekly roundup' placeholder='Weekly roundup'
title='Name' title='Name'
value={formState.name} value={formState.name}
onBlur={validate}
onChange={e => updateForm(state => ({...state, name: e.target.value}))} onChange={e => updateForm(state => ({...state, name: e.target.value}))}
onKeyDown={() => clearError('name')} onKeyDown={() => clearError('name')}
/> />