From 5a85b802f33c5575453cf3fd1740102bc8d114b7 Mon Sep 17 00:00:00 2001
From: Jeremy Guarini <jguarini@paloaltonetworks.com>
Date: Mon, 8 Nov 2021 15:18:32 -0800
Subject: [PATCH] display X-axis in ascending order

Signed-off-by: Jeremy Guarini <jguarini@paloaltonetworks.com>
---
 .changeset/perfect-avocados-mate.md                         | 5 +++++
 .../CoverageHistoryChart/CoverageHistoryChart.tsx           | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/perfect-avocados-mate.md

diff --git a/.changeset/perfect-avocados-mate.md b/.changeset/perfect-avocados-mate.md
new file mode 100644
index 0000000000..9394b57449
--- /dev/null
+++ b/.changeset/perfect-avocados-mate.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-code-coverage': patch
+---
+
+Make dates in X-Axis sort in ascending order
diff --git a/plugins/code-coverage/src/components/CoverageHistoryChart/CoverageHistoryChart.tsx b/plugins/code-coverage/src/components/CoverageHistoryChart/CoverageHistoryChart.tsx
index 4291599098..e713eb7c6e 100644
--- a/plugins/code-coverage/src/components/CoverageHistoryChart/CoverageHistoryChart.tsx
+++ b/plugins/code-coverage/src/components/CoverageHistoryChart/CoverageHistoryChart.tsx
@@ -158,7 +158,11 @@ export const CoverageHistoryChart = () => {
             margin={{ right: 48, top: 32 }}
           >
             <CartesianGrid strokeDasharray="3 3" />
-            <XAxis dataKey="timestamp" tickFormatter={formatDateToHuman} />
+            <XAxis
+              dataKey="timestamp"
+              tickFormatter={formatDateToHuman}
+              reversed
+            />
             <YAxis dataKey="line.percentage" />
             <YAxis dataKey="branch.percentage" />
             <Tooltip labelFormatter={formatDateToHuman} />