feat(Editor): Auto focus & format theme name when contributing

stencila · Mar 7, 2020 · c060c6e · c060c6e
1 parent 743a66d
commit c060c6e
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/demo/editor/contributeModal.tsx b/src/demo/editor/contributeModal.tsx
@@ -39,7 +39,7 @@ export class ContributeForm extends React.PureComponent<Props, State> {
 
   onNameChange = (e: React.ChangeEvent<HTMLInputElement>): void => {
     e.preventDefault()
-    this.setProjectName(e.currentTarget.value)
+    this.setProjectName(e.currentTarget.value.replace(/\s/g, '-'))
   }
 
   onRandomizeName = (e: React.MouseEvent<HTMLButtonElement>): void => {
@@ -75,6 +75,7 @@ export class ContributeForm extends React.PureComponent<Props, State> {
 
                 <div className="labelWrapper">
                   <input
+                    autoFocus={true}
                     value={this.state.projectName}
                     onChange={this.onNameChange}
                   />