Feature/timestamp

package.json

@@ -6,8 +6,10 @@
     "axios": "^0.13.0",
     "bootstrap": "^4.0.0-alpha.6",
     "eslint": "^3.19.0",
+    "moment": "^2.18.1",
     "node-localstorage": "^1.3.0",
     "node-sass": "^4.5.2",
+    "prop-types": "^15.5.10",
     "react": "^15.5.4",
     "react-bootstrap": "^0.30.10",
     "react-dom": "^15.5.4",
@@ -56,7 +58,7 @@
     "react-dev-utils": "^0.5.2",
     "style-loader": "0.13.1",
     "url-loader": "0.5.7",
-    "webpack": "1.14.0",
+    "webpack": "^1.14.0",
     "webpack-dev-server": "1.16.2",
     "webpack-manifest-plugin": "1.1.0"
   },

src/actions/account-actions.js

@@ -21,8 +21,12 @@ export const createSession = (googleOauthJWT) => {
 
   return (dispatch) => {
     axios(requestConfig)
-      .then(response => dispatch({ type: CREATE_SESSION, payload: response.data.user_info }))
-      .catch(error => dispatch({ type: NETWORK_ERROR, payload: error }));
+      .then((response) => {
+        dispatch({ type: CREATE_SESSION, payload: response.data.user_info });
+      })
+      .catch((error) => {
+        dispatch({ type: NETWORK_ERROR, payload: error });
+      });
   };
 };
 

src/components/Avatar.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 
 const Avatar = ({ picture, credibility }) => (
   <div>

src/components/Challenge.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { Button } from 'react-bootstrap';
 import ReactMarkdown from 'react-markdown';
 

src/components/ChallengesList.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import Challenge from './Challenge';
 
 const ChallengesList = ({ challenges }) => (

src/components/CredTransaction/index.js

@@ -1,9 +1,10 @@
 import React from 'react';
+import moment from 'moment';
 
 const CredTransaction = ({ credTransaction }) => (
   <div className="col-md-8">
     <div className="card transactionCard">
-      <p>{credTransaction.timestamp}</p>
+      <p>{moment(credTransaction.timestamp).format('LLLL')}</p>
       <h2>{credTransaction.action}</h2>
       <p className={`credibility delta_${credTransaction.delta_type}`}>{credTransaction.delta}<span className="uom">pts</span></p>
 

src/components/ReposList/index.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import Repo from '../Repo';
 
 const ReposList = ({ repos, changeRepo }) => (

src/components/Standings/index.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import Standing from '../Standing';
 
 const StandingsList = ({ standings }) => (

src/containers/ProtectedRoute.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import {
   Route,
@@ -15,7 +16,7 @@ const ProtectedRoute = (props) => {
 
 
 ProtectedRoute.propTypes = {
-  isAuthenticated: React.PropTypes.bool.isRequired,
+  isAuthenticated: PropTypes.bool.isRequired,
 };
 
 function mapStateToProps(state) {