From 8717c32e6caa90cfee3e2d9af298d02a2bc482e8 Mon Sep 17 00:00:00 2001
From: Pablo Veyrat <50438397+sogipec@users.noreply.github.com>
Date: Tue, 21 Jan 2025 10:11:30 +0100
Subject: [PATCH] Revert "refactor: Disable Claim Rewards button (#16)" (#17)

This reverts commit 405d1b4527e55c18a286f22b65b1d3a2168c25cb.
---
 .../rewards/ClaimRewardsChainTableRow.tsx     | 23 +++++++++----------
 .../user/routes/user.$address.header.tsx      |  6 ++---
 2 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/components/element/rewards/ClaimRewardsChainTableRow.tsx b/src/components/element/rewards/ClaimRewardsChainTableRow.tsx
index f679203..3ce75c4 100644
--- a/src/components/element/rewards/ClaimRewardsChainTableRow.tsx
+++ b/src/components/element/rewards/ClaimRewardsChainTableRow.tsx
@@ -1,7 +1,7 @@
 import Tag from "@core/components/element/Tag";
 import type { Reward } from "@merkl/api";
 import { Button, type Component, Icon, Space, Value, mergeClass } from "dappkit";
-import type { TransactionButtonProps } from "dappkit";
+import { TransactionButton, type TransactionButtonProps } from "dappkit";
 import { Collapsible } from "dappkit";
 import { EventBlocker } from "dappkit";
 import { useWalletContext } from "dappkit";
@@ -96,17 +96,16 @@ export default function ClaimRewardsChainTableRow({
           <EventBlocker>
             {isAbleToClaim &&
               (isOnCorrectChain ? (
-                <></>
-                // <TransactionButton
-                //   enableSponsorCheckbox
-                //   name="Claim Rewards"
-                //   disabled={!claimTransaction}
-                //   className="ml-xl"
-                //   look="hype"
-                //   tx={claimTransaction}
-                //   onSuccess={onClaimSuccess}>
-                //   Claim
-                // </TransactionButton>
+                <TransactionButton
+                  enableSponsorCheckbox
+                  name="Claim Rewards"
+                  disabled={!claimTransaction}
+                  className="ml-xl"
+                  look="hype"
+                  tx={claimTransaction}
+                  onSuccess={onClaimSuccess}>
+                  Claim
+                </TransactionButton>
               ) : (
                 <Button className="ml-xl" onClick={() => switchChain(reward.chain.id)}>
                   Switch Network <Icon remix="RiArrowLeftRightLine" />
diff --git a/src/modules/user/routes/user.$address.header.tsx b/src/modules/user/routes/user.$address.header.tsx
index 3a87129..5592cfe 100644
--- a/src/modules/user/routes/user.$address.header.tsx
+++ b/src/modules/user/routes/user.$address.header.tsx
@@ -1,7 +1,7 @@
 import type { LoaderFunctionArgs, MetaFunction } from "@remix-run/node";
 import { Outlet, useFetcher, useLoaderData } from "@remix-run/react";
 import { Button, Divider, Dropdown, Group, Hash, Icon, Text, Value } from "dappkit";
-import type { TransactionButtonProps } from "dappkit";
+import { TransactionButton, type TransactionButtonProps } from "dappkit";
 import { useWalletContext } from "dappkit";
 import { useMemo } from "react";
 import { isAddress } from "viem";
@@ -151,7 +151,7 @@ export default function Index() {
               </Text>
             </Group>
             <Group className="flex-col">
-              {/* {isAbleToClaim && (
+              {isAbleToClaim && (
                 <TransactionButton
                   name="Claim Rewards"
                   enableSponsorCheckbox
@@ -163,7 +163,7 @@ export default function Index() {
                   {isSingleChain ? "Claim Now" : `Claim on ${chain?.name}`}
                   <Icon remix="RiHandCoinFill" />
                 </TransactionButton>
-              )} */}
+              )}
             </Group>
           </Group>