diff --git a/apps/trading/pages/_app.tsx b/apps/trading/pages/_app.tsx index 946bcfb13..cc130fb52 100644 --- a/apps/trading/pages/_app.tsx +++ b/apps/trading/pages/_app.tsx @@ -2,7 +2,7 @@ import { AppProps } from 'next/app'; import Head from 'next/head'; import './styles.css'; -function CustomApp({ Component, pageProps }: AppProps) { +function VegaTradingApp({ Component, pageProps }: AppProps) { return ( <> @@ -15,4 +15,4 @@ function CustomApp({ Component, pageProps }: AppProps) { ); } -export default CustomApp; +export default VegaTradingApp; diff --git a/apps/trading/pages/index.tsx b/apps/trading/pages/index.tsx index 8af331ad1..67377f322 100644 --- a/apps/trading/pages/index.tsx +++ b/apps/trading/pages/index.tsx @@ -1,417 +1,32 @@ import styles from './index.module.scss'; import { EtherscanLink } from '@vegaprotocol/ui-toolkit'; import { ReactHelpers } from '@vegaprotocol/react-helpers'; +import { useRouter } from 'next/router'; +import Link from 'next/link'; export function Index() { - /* - * Replace the elements below with your own. - * - * Note: The corresponding styles are in the ./index.scss file. - */ + const router = useRouter(); + console.log(router); return (
-
-
-
-

- Hello there, - Welcome trading 👋 -

- - -
- -
-
-

- - - - You're up and running -

- What's next? -
-
- - - -
-
- -
- - -
- -
-

Next steps

-

Here are some things you can do with Nx:

-
- - - - - Add UI library - - 
-                # Generate UI lib
-                nx g @nrwl/angular:lib ui
-                # Add a component
-                nx g @nrwl/angular:component button --project ui
-
-
-
- - - - - View interactive project graph - - 
nx graph
-
-
- - - - - Run affected commands - - 
-                # see what's been affected by changes
-                nx affected:graph
-                # run tests for current changes
-                nx affected:test
-                # run e2e tests for current changes
-                nx affected:e2e
-
-
-
- -

- Carefully crafted with - - - -

-
-
+

Vega Trading

+ +

Test packages

+ +
); } diff --git a/apps/trading/pages/markets/[marketId].tsx b/apps/trading/pages/markets/[marketId].tsx new file mode 100644 index 000000000..572ef0934 --- /dev/null +++ b/apps/trading/pages/markets/[marketId].tsx @@ -0,0 +1,12 @@ +import { useRouter } from 'next/router'; + +const MarketPage = () => { + const router = useRouter(); + return ( +
+

Market: {router.query.marketId}

+
+ ); +}; + +export default MarketPage; diff --git a/apps/trading/pages/markets/index.tsx b/apps/trading/pages/markets/index.tsx new file mode 100644 index 000000000..dbb465619 --- /dev/null +++ b/apps/trading/pages/markets/index.tsx @@ -0,0 +1,14 @@ +import Link from 'next/link'; +import { useRouter } from 'next/router'; + +const Markets = () => { + const router = useRouter(); + return ( +
+

Markets

+ View market ABC +
+ ); +}; + +export default Markets; diff --git a/apps/trading/pages/portfolio/index.tsx b/apps/trading/pages/portfolio/index.tsx new file mode 100644 index 000000000..fd641ccd2 --- /dev/null +++ b/apps/trading/pages/portfolio/index.tsx @@ -0,0 +1,9 @@ +const Portfolio = () => { + return ( +
+

Portfolio

+
+ ); +}; + +export default Portfolio;