add auto focus

adsabs · Nov 1, 2023 · 1f096a3 · 1f096a3
1 parent 9731c06
commit 1f096a3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Libraries/AddLibraryModal.tsx b/src/components/Libraries/AddLibraryModal.tsx
@@ -88,7 +88,7 @@ export const AddLibraryModal = ({
               <Flex direction="column" gap={2}>
                 <FormControl isRequired isInvalid={!!errors?.name}>
                   <FormLabel>Enter a name for the new library: </FormLabel>
-                  <Input {...register('name', { required: true })} />
+                  <Input {...register('name', { required: true })} autoFocus />
                   <FormErrorMessage>{errors?.name && errors.name.message}</FormErrorMessage>
                 </FormControl>
                 <FormControl>

diff --git a/src/components/Libraries/AddToLibraryModal.tsx b/src/components/Libraries/AddToLibraryModal.tsx
@@ -250,7 +250,7 @@ const AddToNewLibraryPane = ({
         <Flex direction="column" gap={2}>
           <FormControl isRequired isInvalid={!!errors?.name}>
             <FormLabel>Enter a name for the new library: </FormLabel>
-            <Input {...register('name')} />
+            <Input {...register('name')} autoFocus />
             <FormErrorMessage>{errors?.name && errors.name.message}</FormErrorMessage>
           </FormControl>
           <FormControl>