diff --git a/app/components/login/Login.jsx b/app/components/login/Login.jsx
index 0c4c584..4119a41 100644
--- a/app/components/login/Login.jsx
+++ b/app/components/login/Login.jsx
@@ -1,13 +1,13 @@
-import React, {Component} from 'react';
-import { Panel } from 'react-bootstrap';
-import { connect } from 'react-redux';
+import React, { PureComponent } from "react";
+import { connect } from "react-redux";
+import { Panel } from "react-bootstrap";
-import LoginForm from './LoginForm';
+import LoginForm from "./LoginForm";
-import { loginStudent } from '../../actions/students';
-import { loginInstructor } from '../../actions/instructors';
+import { loginStudent } from "../../actions/students";
+import { loginInstructor } from "../../actions/instructors";
-class Login extends Component {
+class Login extends PureComponent {
constructor(props) {
super(props);
diff --git a/app/components/login/LoginForm.jsx b/app/components/login/LoginForm.jsx
index 1c56571..4aa7ce6 100644
--- a/app/components/login/LoginForm.jsx
+++ b/app/components/login/LoginForm.jsx
@@ -1,7 +1,7 @@
-import React, { Component } from 'react';
-import { Button, Col, Form, ControlLabel, FormGroup, FormControl, Radio } from 'react-bootstrap';
+import React, { PureComponent } from "react";
+import { Button, Col, Form, ControlLabel, FormGroup, FormControl, Radio } from "react-bootstrap";
-class LoginForm extends Component {
+class LoginForm extends PureComponent {
constructor(props) {
super(props);
@@ -11,19 +11,19 @@ class LoginForm extends Component {
this.state = {
instructor: false,
- sid: '',
- username: '',
- email: '',
- password: ''
+ sid: "",
+ username: "",
+ email: "",
+ password: ""
}
}
componentWillMount() {
- document.addEventListener('keydown', this.handleKeyDown);
+ document.addEventListener("keydown", this.handleKeyDown);
}
componentWillUnmount() {
- document.removeEventListener('keydown', this.handleKeyDown);
+ document.removeEventListener("keydown", this.handleKeyDown);
}
handleKeyDown(event) {
@@ -33,9 +33,7 @@ class LoginForm extends Component {
}
handleChange(event) {
- this.setState({
- [event.target.name]: event.target.value
- });
+ this.setState({ [event.target.name]: event.target.value });
}
login() {
@@ -89,11 +87,11 @@ class LoginForm extends Component {