Add link claiming

src/custom/pages/Claim/ClaimingStatus.tsx

@@ -6,12 +6,21 @@ import { useClaimState } from 'state/claim/hooks'
 import { useActiveWeb3React } from 'hooks/web3'
 import CowProtocolLogo from 'components/CowProtocolLogo'
 import Circle from 'assets/images/blue-loader.svg'
+import { ExplorerDataType, getExplorerLink } from 'utils/getExplorerLink'
+import { useAllClaimingTransactions } from 'state/enhancedTransactions/hooks'
+import { useMemo } from 'react'
 // import { formatSmart } from 'utils/format'
 
 export default function ClaimingStatus() {
   const { chainId } = useActiveWeb3React()
   const { activeClaimAccount, claimStatus /* , claimedAmount */ } = useClaimState()
 
+  const allClaimTxs = useAllClaimingTransactions()
+  const lastClaimTx = useMemo(() => {
+    const numClaims = allClaimTxs.length
+    return numClaims > 0 ? allClaimTxs[numClaims - 1] : undefined
+  }, [allClaimTxs])
+
   // claim status
   const isConfirmed = claimStatus === ClaimStatus.CONFIRMED
   const isAttempting = claimStatus === ClaimStatus.ATTEMPTING
@@ -55,11 +64,9 @@ export default function ClaimingStatus() {
           </p>
         </AttemptFooter>
       )}
-      {isSubmitted && chainId && (
-        // && claimTxn?.hash
+      {isSubmitted && chainId && lastClaimTx?.hash && (
         <ExternalLink
-          // href={getExplorerLink(chainId, claimTxn?.hash, ExplorerDataType.TRANSACTION)}
-          href="#"
+          href={getExplorerLink(chainId, lastClaimTx.hash, ExplorerDataType.TRANSACTION)}
           style={{ zIndex: 99, marginTop: '20px' }}
         >
           <Trans>View transaction on Explorer</Trans>