From ab27aa313c98987d0d66dd63e0984f1ffebcb149 Mon Sep 17 00:00:00 2001
From: Jeremy Guarini <jguarini@paloaltonetworks.com>
Date: Thu, 4 Nov 2021 09:52:59 -0700
Subject: [PATCH] Minor UI updates to make numbers and dates a bit more human
 friendly

Signed-off-by: Jeremy Guarini <jguarini@paloaltonetworks.com>
---
 .../CoverageHistoryChart/CoverageHistoryChart.tsx        | 9 +++++++--
 .../src/components/FileExplorer/FileExplorer.tsx         | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/plugins/code-coverage/src/components/CoverageHistoryChart/CoverageHistoryChart.tsx b/plugins/code-coverage/src/components/CoverageHistoryChart/CoverageHistoryChart.tsx
index 61dc7d7158..a251bb1a68 100644
--- a/plugins/code-coverage/src/components/CoverageHistoryChart/CoverageHistoryChart.tsx
+++ b/plugins/code-coverage/src/components/CoverageHistoryChart/CoverageHistoryChart.tsx
@@ -69,6 +69,11 @@ const getTrendIcon = (trend: number, classes: ClassNameMap) => {
   }
 };
 
+// convert timestamp to human friendly form
+function formatDateToHuman(timeStamp: string | number) {
+  return new Date(timeStamp).toUTCString();
+}
+
 export const CoverageHistoryChart = () => {
   const { entity } = useEntity();
   const codeCoverageApi = useApi(codeCoverageApiRef);
@@ -149,10 +154,10 @@ export const CoverageHistoryChart = () => {
             margin={{ right: 48, top: 32 }}
           >
             <CartesianGrid strokeDasharray="3 3" />
-            <XAxis dataKey="timestamp" />
+            <XAxis dataKey="timestamp" tickFormatter={formatDateToHuman} />
             <YAxis dataKey="line.percentage" />
             <YAxis dataKey="branch.percentage" />
-            <Tooltip />
+            <Tooltip labelFormatter={formatDateToHuman} />
             <Legend />
             <Line
               type="monotone"
diff --git a/plugins/code-coverage/src/components/FileExplorer/FileExplorer.tsx b/plugins/code-coverage/src/components/FileExplorer/FileExplorer.tsx
index 49379551ad..5f492edf70 100644
--- a/plugins/code-coverage/src/components/FileExplorer/FileExplorer.tsx
+++ b/plugins/code-coverage/src/components/FileExplorer/FileExplorer.tsx
@@ -232,7 +232,7 @@ export const FileExplorer = () => {
       title: 'Coverage',
       type: 'numeric',
       field: 'coverage',
-      render: (row: CoverageTableRow) => `${row.coverage}%`,
+      render: (row: CoverageTableRow) => `${row.coverage.toFixed(2)}%`,
     },
     {
       title: 'Missing lines',