37a6217169
* chore: break down components to smaller chunks for better performance * chore: break down components to smaller chunks for better performance * chore: break down components to smaller chunks for better performance - fix failing tests * chore: break down components to smaller chunks for better performance - adjust token app cases * chore: break down components to smaller chunks for better performance - small fixes * chore: break down components to smaller chunks for better performance - small fixes * chore: break down components to smaller chunks for better performance - small fixes * chore: break down components to smaller chunks for better performance - small fixes * chore: break down components to smaller chunks for better performance - add nwe store for pageTitle * chore: break down components to smaller chunks for better performance - sm fix * chore: break down components to smaller chunks for better performance - sm fix * chore: break down components to smaller chunks for better performance - sm imprv * chore: break down components to smaller chunks for better performance - change prop names * chore: break down components to smaller chunks for better performance - fix some test * chore: break down components to smaller chunks for better performance - change cypress url * chore: break down components to smaller chunks for better perf - set back redundant changes * chore: resolve conflicts Co-authored-by: maciek <maciek@vegaprotocol.io>
70 lines
2.0 KiB
TypeScript
70 lines
2.0 KiB
TypeScript
import { marketsWithDataProvider } from '@vegaprotocol/market-list';
|
|
import {
|
|
addDecimalsFormatNumber,
|
|
titlefy,
|
|
useDataProvider,
|
|
} from '@vegaprotocol/react-helpers';
|
|
import { AsyncRenderer } from '@vegaprotocol/ui-toolkit';
|
|
import { useRouter } from 'next/router';
|
|
import { useEffect } from 'react';
|
|
import { useGlobalStore, usePageTitleStore } from '../stores';
|
|
|
|
export function Index() {
|
|
const { replace } = useRouter();
|
|
// The default market selected in the platform behind the overlay
|
|
// should be the oldest market that is currently trading in us mode(i.e. not in auction).
|
|
const { data, error, loading } = useDataProvider({
|
|
dataProvider: marketsWithDataProvider,
|
|
});
|
|
const { riskNoticeDialog, update } = useGlobalStore((store) => ({
|
|
riskNoticeDialog: store.riskNoticeDialog,
|
|
update: store.update,
|
|
}));
|
|
|
|
const { pageTitle, updateTitle } = usePageTitleStore((store) => ({
|
|
pageTitle: store.pageTitle,
|
|
updateTitle: store.updateTitle,
|
|
}));
|
|
|
|
useEffect(() => {
|
|
update({ landingDialog: true });
|
|
|
|
if (data) {
|
|
const marketId = data[0]?.id;
|
|
const marketName = data[0]?.tradableInstrument.instrument.name;
|
|
const marketPrice = data[0]?.data?.markPrice
|
|
? addDecimalsFormatNumber(
|
|
data[0]?.data?.markPrice,
|
|
data[0]?.decimalPlaces
|
|
)
|
|
: null;
|
|
const newPageTitle = titlefy([marketName, marketPrice]);
|
|
|
|
if (marketId) {
|
|
replace(`/markets/${marketId}`);
|
|
update({ marketId });
|
|
if (pageTitle !== newPageTitle) {
|
|
updateTitle(newPageTitle);
|
|
}
|
|
}
|
|
// Fallback to the markets list page
|
|
else {
|
|
replace('/markets');
|
|
}
|
|
}
|
|
}, [data, replace, riskNoticeDialog, update, pageTitle, updateTitle]);
|
|
|
|
return (
|
|
<AsyncRenderer data={data} loading={loading} error={error}>
|
|
{/* Render a loading and error state but we will redirect if markets are found */}
|
|
{null}
|
|
</AsyncRenderer>
|
|
);
|
|
}
|
|
|
|
Index.getInitialProps = () => ({
|
|
page: 'home',
|
|
});
|
|
|
|
export default Index;
|