+
{t('Earn commission & stake rewards')}
{t(
- 'Invite friends and earn commission in the form of Vega rewards from the trading fees they pay. Stake those rewards to earn multipliers on future rewards.'
- )}
-
-
- {t(
- 'Any friends that join using the code will receive discounts off trading fees.'
+ 'Invite friends and earn rewards from the trading fees they pay. Stake those rewards to earn multipliers on future rewards.'
)}
diff --git a/apps/trading/client-pages/referrals/layout.tsx b/apps/trading/client-pages/referrals/layout.tsx
index 8db550870..361ea4857 100644
--- a/apps/trading/client-pages/referrals/layout.tsx
+++ b/apps/trading/client-pages/referrals/layout.tsx
@@ -2,6 +2,7 @@ import classNames from 'classnames';
import type { HTMLAttributes } from 'react';
import { SKY_BACKGROUND } from './constants';
import { Outlet } from 'react-router-dom';
+import { TinyScroll } from '@vegaprotocol/ui-toolkit';
export const Layout = ({
className,
@@ -28,8 +29,10 @@ export const LayoutWithSky = ({
...props
}: HTMLAttributes
) => {
return (
-
+
-
+
);
};
diff --git a/apps/trading/components/layouts/layout-with-sidebar.tsx b/apps/trading/components/layouts/layout-with-sidebar.tsx
index 8e22dad22..f1853f48f 100644
--- a/apps/trading/components/layouts/layout-with-sidebar.tsx
+++ b/apps/trading/components/layouts/layout-with-sidebar.tsx
@@ -27,7 +27,7 @@ export const LayoutWithSidebar = ({
{header}
,
+ element:
} />,
children: [
{
- element:
,
+ element: (
+
+
+
+ ),
children: [
{
index: true,
diff --git a/apps/trading/public/sky-dark.png b/apps/trading/public/sky-dark.png
index 7c7d6e322..cc7d0ada3 100644
Binary files a/apps/trading/public/sky-dark.png and b/apps/trading/public/sky-dark.png differ
diff --git a/apps/trading/public/sky-light.png b/apps/trading/public/sky-light.png
index 4b1923486..52fa70406 100644
Binary files a/apps/trading/public/sky-light.png and b/apps/trading/public/sky-light.png differ