From 0d358b13d9e002482637b5b64f99198b09dc9961 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Fri, 18 Nov 2022 12:11:42 +0100
Subject: [PATCH] fix(ui) - metrics x axis tick formating

---
 frontend/app/mstore/types/widget.ts    | 2 +-
 frontend/app/types/dashboard/helper.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/app/mstore/types/widget.ts b/frontend/app/mstore/types/widget.ts
index c43cf76e2..68e2813f4 100644
--- a/frontend/app/mstore/types/widget.ts
+++ b/frontend/app/mstore/types/widget.ts
@@ -6,7 +6,7 @@ import Session from "App/mstore/types/session";
 import Funnelissue from 'App/mstore/types/funnelIssue';
 import { issueOptions } from 'App/constants/filterOptions';
 import { FilterKey } from 'Types/filter/filterType';
-import Period, { LAST_24_HOURS, LAST_30_DAYS } from 'Types/app/period';
+import Period, { LAST_24_HOURS } from 'Types/app/period';
 
 export default class Widget {
     public static get ID_KEY():string { return "metricId" }
diff --git a/frontend/app/types/dashboard/helper.js b/frontend/app/types/dashboard/helper.js
index 05e50d757..f6e819da8 100644
--- a/frontend/app/types/dashboard/helper.js
+++ b/frontend/app/types/dashboard/helper.js
@@ -27,7 +27,7 @@ const weekdays = [ 'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat' ];
 // const months = [ "January", "February" ];
 export const getTimeString = (ts, period) => {
   const date = new Date(ts);
-  const diff = period.end - period.start;
+  const diff = period.endTimestamp - period.startTimestamp;
   if (diff <= DAY) {
     var isPM = date.getHours() >= 12;
     return `${ isPM ? date.getHours() - 12 : date.getHours() }:${ startWithZero(date.getMinutes()) } ${isPM? 'pm' : 'am'}`;