From 5e101a8eaf6fdc9763cb912de2e4e0bd67de6d12 Mon Sep 17 00:00:00 2001
From: Art <artur@vegaprotocol.io>
Date: Wed, 2 Aug 2023 19:06:49 +0200
Subject: [PATCH] feat(trading): deposit page (#4472)

---
 apps/trading/client-pages/deposit/deposit.tsx | 19 +++++++++++++++++++
 apps/trading/client-pages/deposit/index.ts    |  3 +++
 apps/trading/pages/client-router.tsx          |  7 +++++++
 3 files changed, 29 insertions(+)
 create mode 100644 apps/trading/client-pages/deposit/deposit.tsx
 create mode 100644 apps/trading/client-pages/deposit/index.ts

diff --git a/apps/trading/client-pages/deposit/deposit.tsx b/apps/trading/client-pages/deposit/deposit.tsx
new file mode 100644
index 000000000..390d7f6ff
--- /dev/null
+++ b/apps/trading/client-pages/deposit/deposit.tsx
@@ -0,0 +1,19 @@
+import { DepositContainer } from '@vegaprotocol/deposits';
+import { GetStarted } from '../../components/welcome-dialog';
+import { t } from '@vegaprotocol/i18n';
+
+export const Deposit = () => {
+  return (
+    <div className="py-16 px-8 flex w-full justify-center">
+      <div className="lg:min-w-[700px] min-w-[300px] max-w-[700px]">
+        <h1 className="text-4xl xl:text-5xl uppercase font-alpha calt">
+          {t('Deposit')}
+        </h1>
+        <div className="mt-10">
+          <DepositContainer />
+          <GetStarted />
+        </div>
+      </div>
+    </div>
+  );
+};
diff --git a/apps/trading/client-pages/deposit/index.ts b/apps/trading/client-pages/deposit/index.ts
new file mode 100644
index 000000000..aa1922157
--- /dev/null
+++ b/apps/trading/client-pages/deposit/index.ts
@@ -0,0 +1,3 @@
+import { Deposit } from './deposit';
+
+export default Deposit;
diff --git a/apps/trading/pages/client-router.tsx b/apps/trading/pages/client-router.tsx
index 1a4455d3e..69880e317 100644
--- a/apps/trading/pages/client-router.tsx
+++ b/apps/trading/pages/client-router.tsx
@@ -31,6 +31,10 @@ const LazyDisclaimer = dynamic(() => import('../client-pages/disclaimer'), {
   ssr: false,
 });
 
+const LazyDeposit = dynamic(() => import('../client-pages/deposit'), {
+  ssr: false,
+});
+
 export enum Routes {
   HOME = '/',
   MARKET = '/markets/:marketId',
@@ -38,6 +42,7 @@ export enum Routes {
   PORTFOLIO = '/portfolio',
   LIQUIDITY = '/liquidity/:marketId',
   DISCLAIMER = '/disclaimer',
+  DEPOSIT = '/deposit',
 }
 
 type ConsoleLinks = { [r in Routes]: (...args: string[]) => string };
@@ -51,6 +56,7 @@ export const Links: ConsoleLinks = {
   [Routes.LIQUIDITY]: (marketId: string) =>
     trimEnd(Routes.LIQUIDITY.replace(':marketId', marketId)),
   [Routes.DISCLAIMER]: () => Routes.DISCLAIMER,
+  [Routes.DEPOSIT]: () => Routes.DEPOSIT,
 };
 
 const routerConfig: RouteObject[] = [
@@ -97,6 +103,7 @@ const routerConfig: RouteObject[] = [
     path: Routes.DISCLAIMER,
     element: <LazyDisclaimer />,
   },
+  { path: Routes.DEPOSIT, element: <LazyDeposit /> },
   {
     path: '*',
     element: (