From 8f29fe564dab662b19b1874d995e22071bda5569 Mon Sep 17 00:00:00 2001
From: Alexander Zobnin <alexanderzobnin@gmail.com>
Date: Sat, 29 Dec 2018 18:50:50 +0300
Subject: [PATCH] problems: fix age in problem details

---
 src/panel-triggers/components/ProblemDetails.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/panel-triggers/components/ProblemDetails.tsx b/src/panel-triggers/components/ProblemDetails.tsx
index a0acdb3..cfd150b 100644
--- a/src/panel-triggers/components/ProblemDetails.tsx
+++ b/src/panel-triggers/components/ProblemDetails.tsx
@@ -1,4 +1,5 @@
 import React, { PureComponent } from 'react';
+import moment from 'moment';
 import * as utils from '../../datasource-zabbix/utils';
 import { Trigger, ZBXItem, ZBXAcknowledge, ZBXHost, ZBXGroup, ZBXEvent, GFTimeRange, RTRow, ZBXTag } from '../types';
 import { Modal, AckProblemData } from './Modal';
@@ -78,6 +79,7 @@ export default class ProblemDetails extends PureComponent<ProblemDetailsProps, P
     const displayClass = this.state.show ? 'show' : '';
     const wideLayout = rootWidth > 1200;
     const compactStatusBar = rootWidth < 800 || problem.acknowledges && wideLayout && rootWidth < 1400;
+    const age = moment.unix(problem.lastchangeUnix).fromNow(true);
 
     return (
       <div className={`problem-details-container ${displayClass}`}>
@@ -86,7 +88,7 @@ export default class ProblemDetails extends PureComponent<ProblemDetailsProps, P
             <div className="problem-value-container">
               <div className="problem-age">
                 <FAIcon icon="clock-o" />
-                <span>{problem.age}</span>
+                <span>{age}</span>
               </div>
               {problem.items && <ProblemItems items={problem.items} />}
             </div>