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>
32 lines
820 B
TypeScript
32 lines
820 B
TypeScript
import { useRouter } from 'next/router';
|
|
import { MarketsContainer } from '@vegaprotocol/market-list';
|
|
import { useGlobalStore, usePageTitleStore } from '../../stores';
|
|
import { useEffect } from 'react';
|
|
import { titlefy } from '@vegaprotocol/react-helpers';
|
|
|
|
const Markets = () => {
|
|
const { update } = useGlobalStore((store) => ({ update: store.update }));
|
|
const { updateTitle } = usePageTitleStore((store) => ({
|
|
updateTitle: store.updateTitle,
|
|
}));
|
|
useEffect(() => {
|
|
updateTitle(titlefy(['Markets']));
|
|
}, [updateTitle]);
|
|
const router = useRouter();
|
|
|
|
return (
|
|
<MarketsContainer
|
|
onSelect={(marketId) => {
|
|
update({ marketId });
|
|
router.push(`/markets/${marketId}`);
|
|
}}
|
|
/>
|
|
);
|
|
};
|
|
|
|
Markets.getInitialProps = () => ({
|
|
page: 'markets',
|
|
});
|
|
|
|
export default Markets;
|