From fc7bfd3664dbe7836e7d73203aff30aeb8f0a4ea Mon Sep 17 00:00:00 2001
From: Klaudiusz Dembler <accounts@kdembler.com>
Date: Thu, 2 May 2024 12:08:50 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=A7=AA=20Add=20YPP=20test=20variation=20p?=
 =?UTF-8?q?age=20(#6252)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/atlas/src/config/routes.ts                       | 1 +
 .../atlas/src/views/global/YppLandingViewTest/index.tsx   | 5 +++++
 packages/atlas/src/views/viewer/ViewerLayout.tsx          | 8 +++++++-
 3 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 packages/atlas/src/views/global/YppLandingViewTest/index.tsx

diff --git a/packages/atlas/src/config/routes.ts b/packages/atlas/src/config/routes.ts
index d45586def0..1a72ef1632 100644
--- a/packages/atlas/src/config/routes.ts
+++ b/packages/atlas/src/config/routes.ts
@@ -50,6 +50,7 @@ export const relativeRoutes = {
     memberNotifications: () => 'notifications/member',
     marketplace: () => 'marketplace',
     ypp: (query?: { [QUERY_PARAMS.REFERRER_ID]?: string }) => withQueryParameters('ypp', query),
+    yppTest: () => 'ypp/test-variation',
     yppDashboard: () => 'ypp-dashboard',
     referrals: () => 'referrals',
   },
diff --git a/packages/atlas/src/views/global/YppLandingViewTest/index.tsx b/packages/atlas/src/views/global/YppLandingViewTest/index.tsx
new file mode 100644
index 0000000000..0b652d23e3
--- /dev/null
+++ b/packages/atlas/src/views/global/YppLandingViewTest/index.tsx
@@ -0,0 +1,5 @@
+import { FC } from 'react'
+
+export const YppLandingViewTest: FC = () => {
+  return <div>YppLandingViewTest</div>
+}
diff --git a/packages/atlas/src/views/viewer/ViewerLayout.tsx b/packages/atlas/src/views/viewer/ViewerLayout.tsx
index 7a5f081a63..3701c18470 100644
--- a/packages/atlas/src/views/viewer/ViewerLayout.tsx
+++ b/packages/atlas/src/views/viewer/ViewerLayout.tsx
@@ -25,6 +25,9 @@ import { RoutingState } from '@/types/routing'
 const YppLandingView = lazy(() =>
   import('@/views/global/YppLandingView').then((module) => ({ default: module.YppLandingView }))
 )
+const YppLandingViewTest = lazy(() =>
+  import('@/views/global/YppLandingViewTest').then((module) => ({ default: module.YppLandingViewTest }))
+)
 const MemberNotificationsView = lazy(() =>
   import('@/views/notifications').then((module) => ({ default: module.MemberNotificationsView }))
 )
@@ -60,7 +63,10 @@ const viewerRoutes = [
   { path: relativeRoutes.viewer.member(), element: <MemberView /> },
   { path: relativeRoutes.viewer.marketplace(), element: <MarketplaceView /> },
   ...(atlasConfig.features.ypp.googleConsoleClientId
-    ? [{ path: relativeRoutes.viewer.ypp(), element: <YppLandingView /> }]
+    ? [
+        { path: relativeRoutes.viewer.ypp(), element: <YppLandingView /> },
+        { path: relativeRoutes.viewer.yppTest(), element: <YppLandingViewTest /> },
+      ]
     : []),
   { path: relativeRoutes.viewer.referrals(), element: <ReferralsView /> },
 ]