Set autofocus for modal dialogs

Author: pvigier

src/renderer/components/clone-repo-dialog.tsx

@@ -76,6 +76,7 @@ class CloneRepoForm extends React.PureComponent<CloneRepoFormProps, CloneRepoFor
             id='path' 
             name='repo-path' 
             value={this.state.repoPath}
+            autoFocus={true}
             onChange={this.handleRepoPathChange} />
           <button type='button'
             onClick={this.handleBrowseClick}>

src/renderer/components/create-branch-dialog.tsx

@@ -55,6 +55,7 @@ class CreateBranchForm extends React.PureComponent<CreateBranchFormProps, Create
             id='name' 
             name='repo-name' 
             value={this.state.branchName} 
+            autoFocus={true}
             onChange={this.handleBranchNameChange} />
         </div>
         <div className='field-container'>

src/renderer/components/init-repo-dialog.tsx

@@ -76,6 +76,7 @@ class InitRepoForm extends React.PureComponent<InitRepoFormProps, InitRepoFormSt
             id='name' 
             name='repo-name' 
             value={this.state.repoName}
+            autoFocus={true}
             onChange={this.handleRepoNameChange} />
         </div>
         <div className='field-container'>

src/renderer/components/make-modal.tsx

@@ -24,7 +24,7 @@ export function makeModal<P extends ModalComponentProps, S>(Component: Component
 
     render() {
       return (
-        <div className='modal-container' onKeyUp={this.handleKeyUp} tabIndex={-1} ref={div => div && div.focus()}>
+        <div className='modal-container' onKeyUp={this.handleKeyUp} tabIndex={-1}>
           <button className='modal-close-button' onClick={this.props.onClose}>
             Close
           </button>

src/renderer/components/preferences-dialog.tsx

@@ -149,7 +149,7 @@ class Preferences extends React.PureComponent<PreferencesProps, PreferencesState
             <form onSubmit={this.handleSubmit}>
               <div>
                 <label htmlFor="name">Name:</label>
-                <input type="text" id="name" name="profile-name" />
+                <input type="text" id="name" name="profile-name" autoFocus={true} />
               </div>
               <div>
                 <label htmlFor="path">Email:</label>