diff --git a/packages/page-coretime/src/Sale/SaleDetailsView.tsx b/packages/page-coretime/src/Sale/SaleDetailsView.tsx index ec67a927da25..9f0d8314e92b 100644 --- a/packages/page-coretime/src/Sale/SaleDetailsView.tsx +++ b/packages/page-coretime/src/Sale/SaleDetailsView.tsx @@ -3,14 +3,14 @@ import type { ChainName, SaleParameters } from '../types.js'; -import React, { useCallback } from 'react'; +import React, { useMemo } from 'react'; -import { Button, styled } from '@polkadot/react-components'; +import { styled } from '@polkadot/react-components'; import { PhaseName } from '../constants.js'; import { useTranslation } from '../translate.js'; import PhaseTable from './PhaseTable.js'; -import { SubScanButton } from './SubScanButton.js'; +import { SubscanModuleCallUrl } from './SubscanModuleCallUrl.js'; const ResponsiveContainer = styled.div` display: flex; @@ -78,16 +78,14 @@ const phases = { } }; +const dotLakeUrl = 'https://data.parity.io/coretime'; + const SaleDetailsView = ({ chainName, chosenSaleNumber, saleParams }: { saleParams: SaleParameters, chosenSaleNumber: number, chainName: ChainName }) => { const { t } = useTranslation(); - const openCoretimeDashboard = useCallback(() => { - window.open('https://data.parity.io/coretime'); - }, []); - - const openSubscanSalePriceGraph = useCallback(() => { - window.open(`https://coretime-${chainName}.subscan.io/coretime_dashboard`); - }, [chainName]); + const subscanPriceGraphUrl = useMemo(() => + `https://coretime-${chainName}.subscan.io/coretime_dashboard` + , [chainName]); if (chosenSaleNumber === -1 || !saleParams) { return null; @@ -121,24 +119,33 @@ const SaleDetailsView = ({ chainName, chosenSaleNumber, saleParams }: { salePara {t('Region for sale ')}

{t('Region is an asset of Coretime. It signifies the upcoming sales period within which a core can be secured by purchasing coretime. Acquiring coretime grants access to a core for the duration of that specific region.')}

{saleParams?.regionForSale && } - Price graph -