468a3d5107
* countdown component * filtering by parachain id in workplan and workload * lint * rename chainName to relayName, fixed subscan block link * always showing price even if the cores are sold out * moved some calculations to the coretime context * added broker context for page-broker, fix for wrong dates * showing time with the estimated date in places * removed extra code when calculating renewal status * tsc for page-broker * page-coretime tsc * fix showing correct dates for fixed price phase in sale history * minified workinforow as all rows show the same information now * default values for fn input * showing start price of the sale on the sale tab * replaced custom Countdown element with existing implementation * adjusted estimateTime function for broker * adjusted estimateTime function for coretime page * lint * added Renewal link for RegionX
70 lines
1.8 KiB
TypeScript
70 lines
1.8 KiB
TypeScript
// Copyright 2017-2025 @polkadot/app-coretime authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import type { ApiPromise } from '@polkadot/api';
|
|
import type { TabItem } from '@polkadot/react-components/types';
|
|
import type { RelayName } from './types.js';
|
|
|
|
import React, { useRef } from 'react';
|
|
import { Route, Routes } from 'react-router-dom';
|
|
|
|
import { Spinner, Tabs } from '@polkadot/react-components';
|
|
import { useCall } from '@polkadot/react-hooks';
|
|
|
|
import Overview from './Overview/index.js';
|
|
import Sale from './Sale/index.js';
|
|
import { useTranslation } from './translate.js';
|
|
|
|
interface Props {
|
|
basePath: string;
|
|
className?: string;
|
|
api: ApiPromise;
|
|
isApiReady: boolean;
|
|
}
|
|
|
|
function createItemsRef (t: (key: string, options?: { replace: Record<string, unknown> }) => string): TabItem[] {
|
|
return [
|
|
{
|
|
isRoot: true,
|
|
name: 'overview',
|
|
text: t('Overview')
|
|
},
|
|
{
|
|
name: 'sale',
|
|
text: t('Sale')
|
|
}
|
|
];
|
|
}
|
|
|
|
function CoretimePage ({ api, basePath, className, isApiReady }: Props): React.ReactElement<Props> {
|
|
const { t } = useTranslation();
|
|
const itemsRef = useRef(createItemsRef(t));
|
|
const relayName = useCall<string>(isApiReady && api?.rpc.system.chain)?.toString().toLowerCase() as RelayName;
|
|
|
|
return (
|
|
<main className={className}>
|
|
<Tabs
|
|
basePath={basePath}
|
|
items={itemsRef.current}
|
|
/>
|
|
{!relayName
|
|
? <div><Spinner /></div>
|
|
: <Routes>
|
|
<Route path={basePath}>
|
|
<Route
|
|
element={<Overview relayName={relayName} />}
|
|
index
|
|
/>
|
|
<Route
|
|
element={<Sale relayName={relayName} />}
|
|
path='sale'
|
|
/>
|
|
</Route>
|
|
</Routes>
|
|
}
|
|
</main>
|
|
);
|
|
}
|
|
|
|
export default React.memo(CoretimePage);
|