Chains chart - little fixes (#850)

* chains chart little fixes * x labels fixed * sankey bottom text fixed
XLabs · Oct 2, 2024 · 9e41390 · 9e41390
1 parent 2085473
commit 9e41390
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/components/molecules/CrossChainChart/styles.scss b/src/components/molecules/CrossChainChart/styles.scss
@@ -97,6 +97,11 @@
 
       &.targetSelected {
         flex-direction: row-reverse;
+
+        & .cross-chain-relative-pagination-message,
+        & .cross-chain-relative-pagination-mobile {
+          margin-left: unset;
+        }
       }
 
       & > .pagination {

diff --git a/src/components/organisms/ChainActivity/Calendar.tsx b/src/components/organisms/ChainActivity/Calendar.tsx
@@ -59,6 +59,7 @@ export const Calendar = ({
 
     setStartDate(start);
     setEndDate(end);
+    setShowCalendar(false);
   };
 
   const handleLast24Hours = () => setTimePeriod(1, "days", false, "24h");

diff --git a/src/components/organisms/ChainActivity/index.tsx b/src/components/organisms/ChainActivity/index.tsx
@@ -179,7 +179,7 @@ const ChainActivity = () => {
   const tickAmount =
     allChainsSerie?.[0]?.data?.length > 0
       ? isBigDesktop
-        ? Math.min(allChainsSerie[0].data.length, 19)
+        ? Math.min(allChainsSerie[0].data.length, 18)
         : isTablet
         ? Math.min(allChainsSerie[0].data.length, 10)
         : 4
@@ -394,7 +394,7 @@ const ChainActivity = () => {
     setEndDate(new Date());
     setStartDateDisplayed(initialDataDate);
     setEndDateDisplayed(new Date());
-    setLastBtnSelected("all");
+    setLastBtnSelected("year");
     setShowAllSourceChains(true);
     setShowAllTargetChains(true);
     setSourceChainListSelected([ALL_SOURCE_CHAINS]);
@@ -1035,14 +1035,14 @@ const ChainActivity = () => {
                       <div class="chain-activity-chart-tooltip-total-msg">
                         ${
                           showAllSourceChains
-                            ? "<div class='chain-activity-chart-tooltip-container-each-msg-icon' style='background-color: var(--color-plum)'></div>"
+                            ? "<div class='chain-activity-chart-tooltip-container-each-msg-icon' style='background-color: var(--color-lime)'></div>"
                             : ""
                         }
                     
                         ${
                           metricSelected === "transactions"
                             ? `Transfers Sum: <span>${formatNumber(totalY, 0)}</span>`
-                            : `Volume Sum: <span>$${numberToSuffix(totalY)}</span>`
+                            : `Volume Sum: <span>$${formatNumber(totalY, 0)}</span>`
                         }
                       </div>
                       <p class="chain-activity-chart-tooltip-chains">Chains:</p>