Change the routes from “metrics” to “dashboards” and redirect

Author: samejr

…envParam.metrics.$dashboardKey/route.tsx …Param.dashboards.$dashboardKey/route.tsxapps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.metrics.$dashboardKey/route.tsx renamed to apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.dashboards.$dashboardKey/route.tsx apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.metrics.$dashboardKey/route.tsx renamed to apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.dashboards.$dashboardKey/route.tsx

@@ -55,7 +55,7 @@ import {
   v3BillingPath,
   v3BuiltInDashboardPath,
 } from "~/utils/pathBuilder";
-import { MetricDashboard } from "../_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.metrics.$dashboardKey/route";
+import { MetricDashboard } from "../_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.dashboards.$dashboardKey/route";
 import { useCurrentPlan } from "../_app.orgs.$organizationSlug/route";
 import { Type } from "lucide-react";
 

…am.metrics.custom.$dashboardId/route.tsx …dashboards.custom.$dashboardId/route.tsxapps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.metrics.custom.$dashboardId/route.tsx renamed to apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.dashboards.custom.$dashboardId/route.tsx apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.metrics.custom.$dashboardId/route.tsx renamed to apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.dashboards.custom.$dashboardId/route.tsx

@@ -0,0 +1,20 @@
+import { redirect, type LoaderFunctionArgs } from "@remix-run/server-runtime";
+import { z } from "zod";
+import { EnvironmentParamSchema, v3BuiltInDashboardPath } from "~/utils/pathBuilder";
+
+const ParamSchema = EnvironmentParamSchema.extend({
+  dashboardKey: z.string(),
+});
+
+export const loader = async ({ params }: LoaderFunctionArgs) => {
+  const { organizationSlug, projectParam, envParam, dashboardKey } = ParamSchema.parse(params);
+  return redirect(
+    v3BuiltInDashboardPath(
+      { slug: organizationSlug },
+      { slug: projectParam },
+      { slug: envParam },
+      dashboardKey
+    ),
+    301
+  );
+};

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.metrics.$dashboardKey.ts

@@ -0,0 +1,20 @@
+import { redirect, type LoaderFunctionArgs } from "@remix-run/server-runtime";
+import { z } from "zod";
+import { EnvironmentParamSchema, v3CustomDashboardPath } from "~/utils/pathBuilder";
+
+const ParamSchema = EnvironmentParamSchema.extend({
+  dashboardId: z.string(),
+});
+
+export const loader = async ({ params }: LoaderFunctionArgs) => {
+  const { organizationSlug, projectParam, envParam, dashboardId } = ParamSchema.parse(params);
+  return redirect(
+    v3CustomDashboardPath(
+      { slug: organizationSlug },
+      { slug: projectParam },
+      { slug: envParam },
+      { friendlyId: dashboardId }
+    ),
+    301
+  );
+};

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.metrics.custom.$dashboardId.ts

@@ -284,7 +284,7 @@ export function v3CustomDashboardPath(
   environment: EnvironmentForPath,
   dashboard: { friendlyId: string }
 ) {
-  return `${v3EnvironmentPath(organization, project, environment)}/metrics/custom/${
+  return `${v3EnvironmentPath(organization, project, environment)}/dashboards/custom/${
     dashboard.friendlyId
   }`;
 }
@@ -295,7 +295,7 @@ export function v3BuiltInDashboardPath(
   environment: EnvironmentForPath,
   key: string
 ) {
-  return `${v3EnvironmentPath(organization, project, environment)}/metrics/${key}`;
+  return `${v3EnvironmentPath(organization, project, environment)}/dashboards/${key}`;
 }
 
 export function v3TestTaskPath(