init view

apps/webservice/src/app/[workspaceSlug]/(app)/(deploy)/(raw)/systems/[systemSlug]/(raw)/environments/[environmentId]/_components/EnvironmentTabs.tsx

@@ -0,0 +1,59 @@
+"use client";
+
+import type React from "react";
+import { useState } from "react";
+import { useParams, usePathname, useRouter } from "next/navigation";
+
+import { Tabs, TabsList, TabsTrigger } from "@ctrlplane/ui/tabs";
+
+import { urls } from "~/app/urls";
+
+export const EnvironmentTabs: React.FC = () => {
+  const { workspaceSlug, systemSlug, environmentId } = useParams<{
+    workspaceSlug: string;
+    systemSlug: string;
+    environmentId: string;
+  }>();
+
+  const environmentUrls = urls
+    .workspace(workspaceSlug)
+    .system(systemSlug)
+    .environment(environmentId);
+  const baseUrl = environmentUrls.baseUrl();
+  const overviewUrl = environmentUrls.overview();
+  const deploymentsUrl = environmentUrls.deployments();
+  const resourcesUrl = environmentUrls.resources();
+  const policiesUrl = environmentUrls.policies();
+
+  const pathname = usePathname();
+  const getInitialTab = () => {
+    if (pathname === policiesUrl) return "policies";
+    if (pathname === resourcesUrl) return "resources";
+    if (pathname === deploymentsUrl) return "deployments";
+    if (pathname === baseUrl) return "overview";
+    return "overview";
+  };
+
+  const [activeTab, setActiveTab] = useState(getInitialTab());
+
+  const router = useRouter();
+
+  const onTabChange = (value: string) => {
+    if (value === "overview") router.push(overviewUrl);
+    if (value === "deployments") router.push(deploymentsUrl);
+    if (value === "resources") router.push(resourcesUrl);
+    if (value === "policies") router.push(policiesUrl);
+    setActiveTab(value);
+  };
+
+  return (
+    <Tabs value={activeTab} onValueChange={onTabChange} className="w-full">
+      <TabsList className="mb-4">
+        <TabsTrigger value="overview">Overview</TabsTrigger>
+        <TabsTrigger value="deployments">Deployments</TabsTrigger>
+        <TabsTrigger value="resources">Resources</TabsTrigger>
+        <TabsTrigger value="policies">Policies</TabsTrigger>
+      </TabsList>
+    </Tabs>
+  );
+};

apps/webservice/src/app/[workspaceSlug]/(app)/(deploy)/(raw)/systems/[systemSlug]/(raw)/environments/[environmentId]/_deployments/page.tsx

@@ -0,0 +1,13 @@
+import { DeploymentsCard } from "~/app/[workspaceSlug]/(app)/_components/deployments/Card";
+
+export default async function DeploymentsPage(props: {
+  params: Promise<{ environmentId: string }>;
+}) {
+  const { environmentId } = await props.params;
+
+  return (
+    <div className="container m-8 mx-auto">
+      <DeploymentsCard environmentId={environmentId} />
+    </div>
+  );
+}

apps/webservice/src/app/[workspaceSlug]/(app)/(deploy)/(raw)/systems/[systemSlug]/(raw)/environments/[environmentId]/_policies/page.tsx

@@ -0,0 +1,13 @@
+import { redirect } from "next/navigation";
+
+export default function PoliciesPage(props: {
+  params: {
+    workspaceSlug: string;
+    systemSlug: string;
+    environmentId: string;
+  };
+}) {
+  return redirect(
+    `/${props.params.workspaceSlug}/systems/${props.params.systemSlug}/environments/${props.params.environmentId}/policies/approval`,
+  );
+}

apps/webservice/src/app/[workspaceSlug]/(app)/(deploy)/(raw)/systems/[systemSlug]/(raw)/environments/[environmentId]/_resources/page.tsx

@@ -0,0 +1,21 @@
+import { notFound } from "next/navigation";
+
+import { api } from "~/trpc/server";
+import { EditFilterForm } from "./EditFilterForm";
+
+export default async function ResourcesPage(props: {
+  params: Promise<{ workspaceSlug: string; environmentId: string }>;
+}) {
+  const params = await props.params;
+  const workspace = await api.workspace.bySlug(params.workspaceSlug);
+  if (workspace == null) notFound();
+
+  const environment = await api.environment.byId(params.environmentId);
+  if (environment == null) notFound();
+
+  return (
+    <div className="container m-8 mx-auto">
+      <EditFilterForm environment={environment} workspaceId={workspace.id} />
+    </div>
+  );
+}