From af3b18bbaa8ca621f0bc0e4651d2e1184beed331 Mon Sep 17 00:00:00 2001
From: Juan Gallicchio <juan.gallicchio@gluwa.com>
Date: Wed, 18 Sep 2024 13:41:35 -0300
Subject: [PATCH] Fixing inconsistent labels if each graph time stamp are
 different

---
 src/library/Graphs/PayoutBar.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/library/Graphs/PayoutBar.tsx b/src/library/Graphs/PayoutBar.tsx
index 2ae33052c..895c647f5 100644
--- a/src/library/Graphs/PayoutBar.tsx
+++ b/src/library/Graphs/PayoutBar.tsx
@@ -85,9 +85,17 @@ export const PayoutBar = ({ days, height }: PayoutBarProps) => {
     ? colors.transparent[mode]
     : colors.secondary[mode];
 
+  const allTimestamps = [
+    ...new Set([
+      ...graphPayouts.map((item: AnySubscan) => item.block_timestamp),
+      ...graphPoolClaims.map((item: AnySubscan) => item.block_timestamp),
+      ...graphUnclaimedPayouts.map((item: AnySubscan) => item.block_timestamp),
+    ]),
+  ].sort();
+
   const data = {
-    labels: graphPayouts.map((item: AnySubscan) => {
-      const dateObj = format(fromUnixTime(item.block_timestamp), 'do MMM', {
+    labels: allTimestamps.map((timestamp) => {
+      const dateObj = format(fromUnixTime(timestamp), 'do MMM', {
         locale: locales[i18n.resolvedLanguage ?? DefaultLocale],
       });
       return `${dateObj}`;