From 81ad6807799973c62fa84b38efcd0f8251e1925b Mon Sep 17 00:00:00 2001
From: eli-d <64763513+eli-d@users.noreply.github.com>
Date: Mon, 14 Oct 2024 13:46:01 +1030
Subject: [PATCH] Lower claim amount opacity with button

---
 web/src/app/stake/MyPositions.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/src/app/stake/MyPositions.tsx b/web/src/app/stake/MyPositions.tsx
index 33c1f04f..07bfb3ed 100644
--- a/web/src/app/stake/MyPositions.tsx
+++ b/web/src/app/stake/MyPositions.tsx
@@ -449,7 +449,10 @@ export const MyPositions = () => {
             </Button>
             <Badge
               variant={collectError ? "destructive" : "iridescent"}
-              className="-mt-2 gap-2 border-2 border-black text-3xs"
+              className={cn(
+                "-mt-2 gap-2 border-2 border-black text-3xs",
+                collectData && "pointer-events-none opacity-70",
+              )}
             >
               {unclaimedRewards}
             </Badge>