Format date as in another branch by barni2000

.eslintrc

@@ -8,7 +8,7 @@
     "jsx-quotes": ["error", "prefer-single"],
     "import/prefer-default-export": 0,
     "react/prop-types": 1,
-    "react/prefer-stateless-function": 0
+    "react/prefer-stateless-function": 0,
+    "no-case-declarations": 1
   }
 }
-

package.json

@@ -5,6 +5,7 @@
   "private": true,
   "dependencies": {
     "axios": "^0.17.1",
+    "moment": "^2.23.0",
     "prop-types": "^15.6.0",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",

src/components/pages/News.js

 import React, { Component } from 'react';
 import { Container, Segment, Item, Button, Grid } from 'semantic-ui-react';
 import { connect } from 'react-redux';
+import moment from 'moment';
 
 import AddNewsForm from '../forms/AddNewsForm';
 import EditNewsForm from '../forms/EditNewsForm';
@@ -43,9 +44,9 @@ class News extends Component {
             <Grid>
               <Grid.Row className='news-extra'>
                 <Grid.Column floated='left' width={10}>
-                  <p> Készült: {item.created_at} </p>
-                  {/* TODO get the name who edited it */}
-                  <p> Szerkesztve: {item.created_at} </p>
+                  <p> Készült: {moment(item.created_at).format('LLLL')} </p>
+                  {/* TODO get the time when was edited */}
+                  <p> Szerkesztve: {moment(item.updated_at).format('LLLL')}</p>
                 </Grid.Column>
                 <Grid.Column floated='right' width={5}>
                   <p> Írta: <strong>{item.author_name}</strong></p>

src/index.js

@@ -10,6 +10,10 @@ import configureStore from './configureStore';
 import App from './components/App';
 import registerServiceWorker from './registerServiceWorker';
 
+import moment from 'moment';
+
+moment.locale();
+
 const store = configureStore();
 
 render(
@@ -22,4 +26,3 @@ render(
 );
 
 registerServiceWorker();
-