[release] Interlay 2.40.1 (#1603) · interlay/interbtc-ui@d8af913

vercel · 2023-11-16T10:49:18Z

Successfully deployed to the following URLs:

interbtc-ui-interlay-testnet – ./

interbtc-ui-interlay-testnet-git-master-interlay.vercel.app
interbtc-ui-interlay-testnet-interlay.vercel.app
testnet.interlay.io
interbtc-ui-interlay-testnet.vercel.app

vercel · 2023-11-16T10:53:32Z

Successfully deployed to the following URLs:

interbtc-ui-kintsugi-testnet – ./

interbtc-ui.vercel.app
interbtc-ui-kintsugi-testnet-interlay.vercel.app
interbtc-ui-kintsugi-testnet-git-master-interlay.vercel.app
kintnet.interlay.io

-Original file line number
+Diff line change
@@ -0,0 +1,37 @@
+    import { CurrencyExt } from '@interlay/interbtc-api';
+    import { MonetaryAmount } from '@interlay/monetary-js';
+    import { AccountId } from '@polkadot/types/interfaces';
+    import { useErrorHandler } from 'react-error-boundary';
+    import { useQuery } from 'react-query';
+    import { BLOCKTIME_REFETCH_INTERVAL } from '@/utils/constants/api';
+    import useAccountId from '../../use-account-id';
+    const getAccountVotingBalance = async (accountId: AccountId): Promise<MonetaryAmount<CurrencyExt>> =>
+      window.bridge.escrow.votingBalance(accountId);
+    interface GetAccountVotingBalanceResult {
+      data: MonetaryAmount<CurrencyExt> | undefined;
+      refetch: () => void;
+    }
+    const useGetAccountVotingBalance = (): GetAccountVotingBalanceResult => {
+      const accountId = useAccountId();
+      const queryKey = ['voting', accountId];
+      const { data, error, refetch } = useQuery({
+        queryKey,
+        queryFn: () => accountId && getAccountVotingBalance(accountId),
+        refetchInterval: BLOCKTIME_REFETCH_INTERVAL,
+        enabled: !!accountId
+      });
+      useErrorHandler(error);
+      return { data, refetch };
+    };
+    export { useGetAccountVotingBalance };
+    export type { GetAccountVotingBalanceResult };

-Original file line number
+Diff line change
@@ -0,0 +1,48 @@
+    import clsx from 'clsx';
+    import { useQueryClient } from 'react-query';
+    import { GOVERNANCE_TOKEN_SYMBOL } from '@/config/relay-chains';
+    import { Transaction, useTransaction } from '@/hooks/transaction';
+    import InterlayDenimOrKintsugiSupernovaContainedButton, {
+      Props as InterlayDenimOrKintsugiMidnightContainedButtonProps
+    } from '@/legacy-components/buttons/InterlayDenimOrKintsugiSupernovaContainedButton';
+    import { useSubstrateSecureState } from '@/lib/substrate';
+    import { GENERIC_FETCHER } from '@/services/fetchers/generic-fetcher';
+    interface CustomProps {
+      claimableRewardAmount: string;
+    }
+    const ClaimRewardsButton = ({
+      className,
+      claimableRewardAmount,
+      ...rest
+    }: CustomProps & InterlayDenimOrKintsugiMidnightContainedButtonProps): JSX.Element => {
+      const { selectedAccount } = useSubstrateSecureState();
+      const queryClient = useQueryClient();
+      const transaction = useTransaction(Transaction.ESCROW_WITHDRAW_REWARDS, {
+        onSuccess: () => {
+          queryClient.invalidateQueries([GENERIC_FETCHER, 'escrow', 'getRewardEstimate', selectedAccount?.address]);
+          queryClient.invalidateQueries([GENERIC_FETCHER, 'escrow', 'getRewards', selectedAccount?.address]);
+        }
+      });
+      const handleClaimRewards = () => {
+        transaction.execute();
+      };
+      return (
+        <InterlayDenimOrKintsugiSupernovaContainedButton
+          className={clsx('w-full', 'px-6', 'py-3', 'text-base', 'rounded-md', className)}
+          onClick={handleClaimRewards}
+          pending={transaction.isLoading}
+          {...rest}
+        >
+          Claim {claimableRewardAmount} {GOVERNANCE_TOKEN_SYMBOL} Rewards
+        </InterlayDenimOrKintsugiSupernovaContainedButton>
+      );
+    };
+    export default ClaimRewardsButton;

-Original file line number
+Diff line change
@@ -0,0 +1,83 @@
+    import clsx from 'clsx';
+    import { add, format } from 'date-fns';
+    import { useQueryClient } from 'react-query';
+    import { BLOCK_TIME } from '@/config/parachain';
+    import { GOVERNANCE_TOKEN_SYMBOL } from '@/config/relay-chains';
+    import { Transaction, useTransaction } from '@/hooks/transaction';
+    import InterlayDenimOrKintsugiSupernovaContainedButton, {
+      Props as InterlayDenimOrKintsugiMidnightContainedButtonProps
+    } from '@/legacy-components/buttons/InterlayDenimOrKintsugiSupernovaContainedButton';
+    import InformationTooltip from '@/legacy-components/tooltips/InformationTooltip';
+    import { useSubstrateSecureState } from '@/lib/substrate';
+    import { GENERIC_FETCHER } from '@/services/fetchers/generic-fetcher';
+    import { YEAR_MONTH_DAY_PATTERN } from '@/utils/constants/date-time';
+    const getFormattedUnlockDate = (remainingBlockNumbersToUnstake: number, formatPattern: string) => {
+      const unlockDate = add(new Date(), {
+        seconds: remainingBlockNumbersToUnstake * BLOCK_TIME
+      });
+      return format(unlockDate, formatPattern);
+    };
+    interface CustomProps {
+      stakedAmount: string;
+      remainingBlockNumbersToUnstake: number | undefined;
+    }
+    const WithdrawButton = ({
+      className,
+      stakedAmount,
+      remainingBlockNumbersToUnstake,
+      ...rest
+    }: CustomProps & InterlayDenimOrKintsugiMidnightContainedButtonProps): JSX.Element => {
+      const { selectedAccount } = useSubstrateSecureState();
+      const transaction = useTransaction(Transaction.ESCROW_WITHDRAW, {
+        onSuccess: () => {
+          queryClient.invalidateQueries([GENERIC_FETCHER, 'escrow', 'getStakedBalance', selectedAccount?.address]);
+        }
+      });
+      const queryClient = useQueryClient();
+      const handleUnstake = () => transaction.execute();
+      const disabled = remainingBlockNumbersToUnstake ? remainingBlockNumbersToUnstake > 0 : false;
+      const renderUnlockDateLabel = () => {
+        return remainingBlockNumbersToUnstake === undefined
+          ? '-'
+          : getFormattedUnlockDate(remainingBlockNumbersToUnstake, YEAR_MONTH_DAY_PATTERN);
+      };
+      const renderUnlockDateTimeLabel = () => {
+        return remainingBlockNumbersToUnstake === undefined
+          ? '-'
+          : getFormattedUnlockDate(remainingBlockNumbersToUnstake, 'PPpp');
+      };
+      return (
+        <>
+          <InterlayDenimOrKintsugiSupernovaContainedButton
+            className={clsx('w-full', 'px-6', 'py-3', 'text-base', 'rounded-md', className)}
+            endIcon={
+              <InformationTooltip
+                // eslint-disable-next-line max-len
+                label={`You can unlock your staked ${stakedAmount} ${GOVERNANCE_TOKEN_SYMBOL} on ${renderUnlockDateTimeLabel()}`}
+                forDisabledAction={disabled}
+              />
+            }
+            onClick={handleUnstake}
+            pending={transaction.isLoading}
+            disabled={disabled}
+            {...rest}
+          >
+            Withdraw Staked {GOVERNANCE_TOKEN_SYMBOL} {renderUnlockDateLabel()}
+          </InterlayDenimOrKintsugiSupernovaContainedButton>
+        </>
+      );
+    };
+    export default WithdrawButton;

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Commit

There are no files selected for viewing

2 comments on commit `d8af913`

vercel bot commented on `d8af913` Nov 16, 2023

vercel bot commented on `d8af913` Nov 16, 2023

Commit

There are no files selected for viewing

2 comments on commit d8af913

vercel bot commented on d8af913 Nov 16, 2023

Choose a reason for hiding this comment

interbtc-ui-interlay-testnet – ./

vercel bot commented on d8af913 Nov 16, 2023

Choose a reason for hiding this comment

interbtc-ui-kintsugi-testnet – ./

2 comments on commit `d8af913`

vercel bot commented on `d8af913` Nov 16, 2023

vercel bot commented on `d8af913` Nov 16, 2023