From c91f67e828481bbb5dcc34cafee1690c7b140b16 Mon Sep 17 00:00:00 2001 From: Madalina Raicu Date: Thu, 21 Dec 2023 08:40:42 +0000 Subject: [PATCH] fix(trading): streak render gray fix --- .../rewards-container/streaks/activity-streaks.tsx | 12 ++++++------ .../streaks/reward-hoarder-bonus.tsx | 12 ++++++------ 2 files changed, 12 insertions(+), 12 deletions(-) diff --git a/apps/trading/components/rewards-container/streaks/activity-streaks.tsx b/apps/trading/components/rewards-container/streaks/activity-streaks.tsx index 24a2d6246..c2ba03e38 100644 --- a/apps/trading/components/rewards-container/streaks/activity-streaks.tsx +++ b/apps/trading/components/rewards-container/streaks/activity-streaks.tsx @@ -166,17 +166,17 @@ export const ActivityStreak = ({ 'absolute left-0 top-0 h-full rounded-[100px] bg-gradient-to-r', { 'from-vega-dark-400 to-vega-dark-200': - userTierIndex % 6 === 0, + userTierIndex === 0, 'from-vega-pink-600 to-vega-pink-500': - userTierIndex % 6 === 1, + userTierIndex % 6 === 0 || userTierIndex % 6 === 5, 'from-vega-purple-600 to-vega-purple-500': - userTierIndex % 6 === 2, + userTierIndex % 6 === 1, 'from-vega-blue-600 to-vega-blue-500': - userTierIndex % 6 === 3, + userTierIndex % 6 === 2, 'from-vega-orange-600 to-vega-orange-500': - userTierIndex % 6 === 4, + userTierIndex % 6 === 3, 'from-vega-green-600 to-vega-green-500': - userTierIndex % 6 === 5, + userTierIndex % 6 === 4, } )} style={{ width: safeProgress(index) + '%' }} diff --git a/apps/trading/components/rewards-container/streaks/reward-hoarder-bonus.tsx b/apps/trading/components/rewards-container/streaks/reward-hoarder-bonus.tsx index 6aae6c83f..e57c2b4ee 100644 --- a/apps/trading/components/rewards-container/streaks/reward-hoarder-bonus.tsx +++ b/apps/trading/components/rewards-container/streaks/reward-hoarder-bonus.tsx @@ -152,17 +152,17 @@ export const RewardHoarderBonus = ({ 'absolute left-0 top-0 h-full rounded-[100px] bg-gradient-to-r', { 'from-vega-dark-400 to-vega-dark-200': - userTierIndex % 6 === 0, + userTierIndex === 0, 'from-vega-pink-600 to-vega-pink-500': - userTierIndex % 6 === 1, + userTierIndex % 6 === 0 || userTierIndex % 6 === 5, 'from-vega-purple-600 to-vega-purple-500': - userTierIndex % 6 === 2, + userTierIndex % 6 === 1, 'from-vega-blue-600 to-vega-blue-500': - userTierIndex % 6 === 3, + userTierIndex % 6 === 2, 'from-vega-orange-600 to-vega-orange-500': - userTierIndex % 6 === 4, + userTierIndex % 6 === 3, 'from-vega-green-600 to-vega-green-500': - userTierIndex % 6 === 5, + userTierIndex % 6 === 4, } )} style={{ width: safeProgress(index) + '%' }}