From b416de7ffa729f4d3b42857ae001582468587d0a Mon Sep 17 00:00:00 2001
From: Shane Loeffler <Shane98c@users.noreply.github.com>
Date: Thu, 4 Jan 2024 10:31:30 -0600
Subject: [PATCH] match colors/txt to maple badges

---
 components/charts/detail-charts.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/charts/detail-charts.js b/components/charts/detail-charts.js
index 092dab4..c0c4150 100644
--- a/components/charts/detail-charts.js
+++ b/components/charts/detail-charts.js
@@ -87,15 +87,17 @@ const DetailCharts = ({ issued, retired, isLoading, error }) => {
 
               <Badge
                 sx={{
-                  color: isLoading ? 'muted' : COLORS[l],
+                  color: isLoading ? 'primary' : COLORS[l],
                   backgroundColor: isLoading ? 'muted' : alpha(COLORS[l], 0.3),
                   fontSize: 2,
                   mb: '3px',
                 }}
               >
-                {formatValue(
-                  (isRetired ? retired.mapping[l] : issued.mapping[l]) ?? 0
-                )}
+                {isLoading
+                  ? '-'
+                  : formatValue(
+                      isRetired ? retired.mapping[l] : issued.mapping[l]
+                    ) ?? 0}
               </Badge>
             </Flex>
             <Box