From 54597eef0094274162c5a18be2c8e1450096ef55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakub=20Miko=C5=82ajczyk?= <j.mikolajczyk96@gmail.com>
Date: Thu, 16 Jan 2025 13:14:39 +0100
Subject: [PATCH] oct-2263: sablier ui update

---
 .../LockGlmBudgetBox/LockGlmBudgetBox.tsx     |  2 +-
 .../RaffleWinnerBadge.module.scss             | 22 ++++++++-----------
 .../RaffleWinnerBadge/RaffleWinnerBadge.tsx   |  2 +-
 3 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/client/src/components/Home/HomeGridCurrentGlmLock/ModalLockGlm/LockGlmBudgetBox/LockGlmBudgetBox.tsx b/client/src/components/Home/HomeGridCurrentGlmLock/ModalLockGlm/LockGlmBudgetBox/LockGlmBudgetBox.tsx
index 0cc49189c..d5fff36ac 100644
--- a/client/src/components/Home/HomeGridCurrentGlmLock/ModalLockGlm/LockGlmBudgetBox/LockGlmBudgetBox.tsx
+++ b/client/src/components/Home/HomeGridCurrentGlmLock/ModalLockGlm/LockGlmBudgetBox/LockGlmBudgetBox.tsx
@@ -41,7 +41,7 @@ const LockGlmBudgetBox: FC<LockGlmBudgetBoxProps> = ({
   );
 
   const shouldRaffleWinningsBeDisplayed =
-    currentMode === 'unlock' && userSablierStreams && userSablierStreams.sum > 0;
+    currentMode === 'unlock' && userSablierStreams && userSablierStreams.sumAvailable > 0;
   const areFundsFetching = isFetchingAvailableFundsGlm || isFetchinguserSablierStreams;
 
   const secondRowValue = getFormattedGlmValue({
diff --git a/client/src/components/Home/HomeGridCurrentGlmLock/RaffleWinnerBadge/RaffleWinnerBadge.module.scss b/client/src/components/Home/HomeGridCurrentGlmLock/RaffleWinnerBadge/RaffleWinnerBadge.module.scss
index 5199faccc..dd79a0c0a 100644
--- a/client/src/components/Home/HomeGridCurrentGlmLock/RaffleWinnerBadge/RaffleWinnerBadge.module.scss
+++ b/client/src/components/Home/HomeGridCurrentGlmLock/RaffleWinnerBadge/RaffleWinnerBadge.module.scss
@@ -19,25 +19,19 @@ $padding: 1.1rem;
     background: $color-octant-orange5;
     color: $color-octant-orange;
 
-    .img {
-      path {
-        stroke: $color-octant-orange;
-
-        &:hover {
-          stroke: $color-octant-orange;
-        }
-      }
-    }
-  }
-
-  &:not(.isSablierStreamCancelled) {
     .tooltipWrapper {
       &:hover {
         path {
-          stroke: $color-white !important;
+          stroke: $color-octant-orange !important;
         }
       }
     }
+
+    .img {
+      path {
+        stroke: $color-octant-orange;
+      }
+    }
   }
 
   .img {
@@ -54,6 +48,8 @@ $padding: 1.1rem;
 }
 
 .tooltipWrapper {
+  user-select: none;
+
   &:hover {
     path {
       stroke: $color-white !important;
diff --git a/client/src/components/Home/HomeGridCurrentGlmLock/RaffleWinnerBadge/RaffleWinnerBadge.tsx b/client/src/components/Home/HomeGridCurrentGlmLock/RaffleWinnerBadge/RaffleWinnerBadge.tsx
index 33c28dac9..e74796958 100644
--- a/client/src/components/Home/HomeGridCurrentGlmLock/RaffleWinnerBadge/RaffleWinnerBadge.tsx
+++ b/client/src/components/Home/HomeGridCurrentGlmLock/RaffleWinnerBadge/RaffleWinnerBadge.tsx
@@ -99,7 +99,7 @@ const RaffleWinnerBadge: FC<RaffleWinnerBadgeProps> = ({ isVisible }) => {
         tooltipClassName={styles.tooltip}
       >
         <Svg
-          classNameSvg={cx(styles.img, isSablierStreamCancelled && styles.isSablierStreamCancelled)}
+          classNameSvg={styles.img}
           img={isSablierStreamCancelled ? cross : gift}
           size={isSablierStreamCancelled ? 1.2 : 1.6}
         />