Set up strategy page redirect for empty id

src/libs/routing/routes/index.ts

@@ -40,14 +40,18 @@ import {
   editBudgetRecurring,
 } from './strategyEdit';
 import tradePage from 'libs/routing/routes/trade';
-import { strategyPage } from 'libs/routing/routes/strategy';
+import {
+  strategyPage,
+  strategyPageRedirect,
+  strategyPageRoot,
+} from 'libs/routing/routes/strategy';
 
 export const routeTree = rootRoute.addChildren([
   termPage,
   privacyPage,
   debugPage,
   tradePage,
-  strategyPage,
+  strategyPageRoot.addChildren([strategyPage, strategyPageRedirect]),
   oldCreateStrategies,
   editStrategyLayout.addChildren([
     editPricesDisposable,

src/libs/routing/routes/strategy.ts

@@ -1,6 +1,6 @@
 import { StrategyPage } from 'pages/strategy';
 import { rootRoute } from './root';
-import { createRoute } from '@tanstack/react-router';
+import { createRoute, redirect } from '@tanstack/react-router';
 import { InferSearch, searchValidator, validNumber } from '../utils';
 import { activityValidators } from 'components/activity/utils';
 import { defaultEnd, defaultStart } from 'components/strategies/common/utils';
@@ -15,9 +15,23 @@ const schema = {
 
 export type StrategyPageSearch = InferSearch<typeof schema>;
 
-export const strategyPage = createRoute({
+export const strategyPageRoot = createRoute({
   getParentRoute: () => rootRoute,
-  path: 'strategy/$id',
+  path: 'strategy',
+});
+
+export const strategyPage = createRoute({
+  getParentRoute: () => strategyPageRoot,
+  path: '$id',
   component: StrategyPage,
   validateSearch: searchValidator(schema),
 });
+
+export const strategyPageRedirect = createRoute({
+  getParentRoute: () => strategyPageRoot,
+  path: '/',
+  beforeLoad: ({ location }) => {
+    if (location.pathname === '/strategy' || location.pathname === '/strategy/')
+      redirect({ to: '/', throw: true, replace: true });
+  },
+});