Small improvements

Redande · Redande · commit 427e3db52311 · 2019-01-09T18:42:51.000+02:00
* Allow the use of enter-key in log-in and sign-up views
* Give a finnish error message if log-in fails
* Don't stretch missing-info view to fit whole page
diff --git a/src/components/user/CreateAccountForm.js b/src/components/user/CreateAccountForm.js
@@ -26,13 +26,13 @@ const FormContainer = styled.div`
 
 class CreateAccountForm extends React.Component {
   onClick = async e => {
+    e.preventDefault()
     this.setState({ submitting: true, triedSubmitting: true })
     if (!this.validate()) {
       this.setState({ canSubmit: false, submitting: false })
       return
     }
     try {
-      e.preventDefault()
       const res = await createAccount({
         email: this.state.email,
         password: this.state.password,
@@ -224,6 +224,7 @@ class CreateAccountForm extends React.Component {
               variant="contained"
               color="primary"
               fullWidth
+              type="submit"
             >
               Luo käyttäjätunnus
             </Button>
diff --git a/src/pages/missing-info.js b/src/pages/missing-info.js
@@ -6,6 +6,7 @@ import { navigate } from "gatsby"
 import LoginStateContext, {
   withLoginStateContext,
 } from "../contexes/LoginStateContext"
+import Container from "../components/Container"
 
 class MissingInfo extends React.Component {
   static contextType = LoginStateContext
@@ -27,7 +28,9 @@ class MissingInfo extends React.Component {
     }
     return (
       <Layout>
-        <CourseOptionsEditor onComplete={this.onStepComplete} />
+        <Container>
+          <CourseOptionsEditor onComplete={this.onStepComplete} />
+        </Container>
       </Layout>
     )
   }
diff --git a/src/pages/sign-in.js b/src/pages/sign-in.js
@@ -124,14 +124,15 @@ class SignInPage extends React.Component {
                   variant="contained"
                   color="primary"
                   fullWidth
+                  type="submit"
                 >
                   Kirjaudu sisään
                 </Button>
               </Row>
             </Form>
             {this.state.error && (
               <InfoBox>
-                <b>Invalid credentials</b>
+                <b>Virheelliset tunnukset, tarkista kirjoitusasu!</b>
               </InfoBox>
             )}
             <Row>

Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,7 @@ import { navigate } from "gatsby"`
`6`	`6`	`import LoginStateContext, {`
`7`	`7`	`withLoginStateContext,`
`8`	`8`	`} from "../contexes/LoginStateContext"`
	`9`	`+import Container from "../components/Container"`
`9`	`10`
`10`	`11`	`class MissingInfo extends React.Component {`
`11`	`12`	`static contextType = LoginStateContext`
`@@ -27,7 +28,9 @@ class MissingInfo extends React.Component {`
`27`	`28`	`}`
`28`	`29`	`return (`
`29`	`30`	`<Layout>`
`30`		`- <CourseOptionsEditor onComplete={this.onStepComplete} />`
	`31`	`+ <Container>`
	`32`	`+ <CourseOptionsEditor onComplete={this.onStepComplete} />`
	`33`	`+ </Container>`
`31`	`34`	`</Layout>`
`32`	`35`	`)`
`33`	`36`	`}`