Updated displayed datetime format

plynx-team · May 28, 2020 · a432546 · a432546
1 parent aa784a6
commit a432546
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/ui/package-lock.json b/ui/package-lock.json
diff --git a/ui/package.json b/ui/package.json
@@ -9,6 +9,7 @@
     "bson": "^4.0.2",
     "classnames": "^2.2.6",
     "cryptiles": "^4.1.3",
+    "dateformat": "^3.0.3",
     "deep-extend": "^0.6.0",
     "eslint-config-airbnb-base": "^13.2.0",
     "eslint-import-resolver-webpack": "^0.11.1",

diff --git a/ui/src/components/Node/NodeProperties.js b/ui/src/components/Node/NodeProperties.js
@@ -5,7 +5,7 @@ import { NODE_STATUS, COLLECTIONS } from '../../constants';
 import ParameterItem from '../Common/ParameterItem';
 import makePropertiesBox from '../Common/makePropertiesBox';
 import './NodeProperties.css';
-
+var dateFormat = require('dateformat');
 
 function makeKeyValueRow(name, value, key) {
   return (
@@ -79,8 +79,8 @@ export default class NodeProperties extends Component {
 
     const statePropertiesItems = [
       makeKeyValueRow('Node Status', <i>{this.state.nodeStatus}</i>, 'node_status'),
-      makeKeyValueRow('Created', <i>{this.props.created}</i>, 'created'),
-      makeKeyValueRow('Updated', <i>{this.props.updated}</i>, 'updated'),
+      makeKeyValueRow('Created', <i>{dateFormat(Date.parse(this.props.created), "yyyy-mm-dd HH:MM:ss")}</i>, 'created'),
+      makeKeyValueRow('Updated', <i>{dateFormat(Date.parse(this.props.created), "yyyy-mm-dd HH:MM:ss")}</i>, 'updated'),
     ];
 
     const inheritancePropertiesItems = [