From c228ddb002fae7b07f4fa4d122d146deac3df504 Mon Sep 17 00:00:00 2001
From: KevinMansour <77366744+KevinMansour@users.noreply.github.com>
Date: Mon, 23 May 2022 18:32:15 -0400
Subject: [PATCH] fixed claim button bugg

---
 packages/react-app/src/components/claim-list.tsx |  9 +--------
 packages/react-app/src/components/claim.tsx      | 11 ++---------
 packages/react-app/src/components/quest.tsx      |  7 +++----
 3 files changed, 6 insertions(+), 21 deletions(-)

diff --git a/packages/react-app/src/components/claim-list.tsx b/packages/react-app/src/components/claim-list.tsx
index 41caa09c..dc2e5684 100644
--- a/packages/react-app/src/components/claim-list.tsx
+++ b/packages/react-app/src/components/claim-list.tsx
@@ -43,18 +43,12 @@ const BoxStyled = styled(Box)`
 type Props = {
   questData: QuestModel;
   challengeDeposit: TokenAmountModel;
-  questTotalBounty?: TokenAmountModel | null;
   isLoading?: boolean;
 };
 
 const loadingClaim = { state: ENUM_CLAIM_STATE.None } as ClaimModel;
 
-export default function ClaimList({
-  questData,
-  challengeDeposit,
-  questTotalBounty,
-  isLoading = false,
-}: Props) {
+export default function ClaimList({ questData, challengeDeposit, isLoading = false }: Props) {
   const [claims, setClaims] = useState<ClaimModel[]>([loadingClaim]);
   const [isLoadingState, setIsLoading] = useState(isLoading);
   const { transaction } = useTransactionContext();
@@ -139,7 +133,6 @@ export default function ClaimList({
             <Claim
               claim={claim}
               challengeDeposit={challengeDeposit}
-              questTotalBounty={questTotalBounty}
               isLoading={isLoadingState}
               questData={questData}
             />,
diff --git a/packages/react-app/src/components/claim.tsx b/packages/react-app/src/components/claim.tsx
index a7b9411a..0dfb337d 100644
--- a/packages/react-app/src/components/claim.tsx
+++ b/packages/react-app/src/components/claim.tsx
@@ -31,18 +31,11 @@ const AddressWrapperStyled = styled.div<{ isSmallScreen: boolean }>`
 type Props = {
   claim: ClaimModel;
   isLoading?: boolean;
-  questTotalBounty?: TokenAmountModel | null;
   challengeDeposit: TokenAmountModel;
   questData: QuestModel;
 };
 
-export default function Claim({
-  claim,
-  isLoading,
-  questTotalBounty,
-  challengeDeposit,
-  questData,
-}: Props) {
+export default function Claim({ claim, isLoading, challengeDeposit, questData }: Props) {
   const { walletAddress } = useWallet();
   const { transaction } = useTransactionContext();
   const [state, setState] = useState(claim.state);
@@ -61,7 +54,7 @@ export default function Claim({
         setActionButton(
           <ExecuteClaimModal
             claim={claim}
-            questTotalBounty={questTotalBounty}
+            questTotalBounty={questData.bounty}
             onClose={onActionClose}
           />,
         );
diff --git a/packages/react-app/src/components/quest.tsx b/packages/react-app/src/components/quest.tsx
index a8bd7ec7..d814ee90 100644
--- a/packages/react-app/src/components/quest.tsx
+++ b/packages/react-app/src/components/quest.tsx
@@ -115,7 +115,7 @@ export default function Quest({
 }: Props) {
   const { walletAddress } = useWallet();
   const history = useHistory();
-  const [bounty, setBounty] = useState<TokenAmountModel | null>();
+  const [bounty, setBounty] = useState<TokenAmountModel | undefined | null>(questData?.bounty);
   const [highlight, setHighlight] = useState<boolean>(true);
   const [claimDeposit, setClaimDeposit] = useState<TokenAmountModel | undefined>();
   const [isDepositReleased, setIsDepositReleased] = useState<boolean>(false);
@@ -340,10 +340,9 @@ export default function Quest({
             />
             {isSummary && fieldsRow}
           </ContentWrapperStyled>
-          {!isSummary && challengeDeposit && (
+          {!isSummary && challengeDeposit && bounty && (
             <ClaimList
-              questData={questData}
-              questTotalBounty={bounty}
+              questData={{ ...questData, bounty }}
               challengeDeposit={challengeDeposit}
               isLoading={isLoading}
             />