From 5ae416afad74256a7f96f3655f8989430992b136 Mon Sep 17 00:00:00 2001
From: Sergey Smolnikov <ssmol@equinor.com>
Date: Mon, 11 Nov 2024 12:54:30 +0100
Subject: [PATCH] Specify env for build deploy pipeline job dev (#1126)

* Added environment selector for build-deploy

* Fixed environment info for env, select branch env
---
 docker-compose-host-macos.yml                 |  2 -
 docker-compose-host.yml                       |  2 -
 docker-compose.yml                            |  2 -
 .../pipeline-form-build-branches.tsx          | 66 +++++++++++++++----
 .../create-job-form/target-envs.tsx           |  6 +-
 src/components/job-overview/index.tsx         | 31 +++++++--
 .../page-environment/environment-overview.tsx |  2 +-
 src/store/radix-api.ts                        |  6 ++
 8 files changed, 85 insertions(+), 32 deletions(-)

diff --git a/docker-compose-host-macos.yml b/docker-compose-host-macos.yml
index 46863fd0a..43bf51ead 100644
--- a/docker-compose-host-macos.yml
+++ b/docker-compose-host-macos.yml
@@ -1,5 +1,3 @@
-version: "3.8"
-
 services:
   web:
     image: node:20.9-alpine
diff --git a/docker-compose-host.yml b/docker-compose-host.yml
index 81fdd1a5f..80f91bad0 100644
--- a/docker-compose-host.yml
+++ b/docker-compose-host.yml
@@ -1,5 +1,3 @@
-version: "3.8"
-
 services:
   web:
     image: node:20.9-alpine
diff --git a/docker-compose.yml b/docker-compose.yml
index cef8d7bb6..eaad12527 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,5 +1,3 @@
-version: "3.8"
-
 services:
   web:
     image: node:20.9-alpine
diff --git a/src/components/create-job-form/pipeline-form-build-branches.tsx b/src/components/create-job-form/pipeline-form-build-branches.tsx
index 03477a885..d640e2184 100644
--- a/src/components/create-job-form/pipeline-form-build-branches.tsx
+++ b/src/components/create-job-form/pipeline-form-build-branches.tsx
@@ -32,6 +32,7 @@ export function PipelineFormBuildBranches({
   const [branch, setBranch] = useState('');
   const [selectedBranch, setSelectedBranch] = useState('');
   const [branchFullName, setBranchFullName] = useState('');
+  const [toEnvironment, setToEnvironment] = useState('');
   const branches = useGetApplicationBranches(appName);
 
   const handleOnTextChange = ({
@@ -54,7 +55,7 @@ export function PipelineFormBuildBranches({
 
       const body = {
         appName,
-        pipelineParametersBuild: { branch },
+        pipelineParametersBuild: { branch, toEnvironment },
       };
       let jobName = '';
       if (pipelineName === 'build-deploy') {
@@ -102,22 +103,59 @@ export function PipelineFormBuildBranches({
             ))}
           </NativeSelect>
           {isAnyValidRegex(selectedBranch) && (
-            <fieldset>
-              <TextField
-                id="branch_full_name_field"
-                label="Branch full name"
-                helperText={`Pattern: ${selectedBranch}`}
-                name="branchFullName"
-                value={branchFullName}
-                onChange={handleOnTextChange}
-              />
-            </fieldset>
+            <>
+              <Typography
+                group="input"
+                variant="text"
+                token={{ color: 'currentColor' }}
+              >
+                Git branch full name
+              </Typography>
+              <fieldset>
+                <TextField
+                  id="branch_full_name_field"
+                  helperText={`Pattern: ${selectedBranch}`}
+                  name="branchFullName"
+                  value={branchFullName}
+                  onChange={handleOnTextChange}
+                />
+              </fieldset>
+            </>
           )}
-          {pipelineName === 'build-deploy' && (
+          {selectedBranch && branches[selectedBranch]?.length > 1 && (
+            <div className="grid grid--gap-small input">
+              <Typography
+                group="input"
+                variant="text"
+                token={{ color: 'currentColor' }}
+              >
+                Environment (optional)
+              </Typography>
+              <NativeSelect
+                id="ToEnvironmentSelect"
+                label=""
+                name="toEnvironment"
+                onChange={(e) => setToEnvironment(e.target.value)}
+                value={toEnvironment}
+              >
+                <option value="">
+                  All environments build from the branch{' '}
+                  {branch ?? selectedBranch}
+                </option>
+                {branches[selectedBranch]?.map((envName) => (
+                  <option key={envName} value={envName}>
+                    {envName}
+                  </option>
+                ))}
+              </NativeSelect>
+            </div>
+          )}
+          {pipelineName === 'build-deploy' && branches && selectedBranch && (
             <TargetEnvs
-              branches={branches}
+              targetEnvs={
+                toEnvironment ? [toEnvironment] : branches[selectedBranch]
+              }
               branch={branch}
-              selectedBranch={selectedBranch}
             />
           )}
         </div>
diff --git a/src/components/create-job-form/target-envs.tsx b/src/components/create-job-form/target-envs.tsx
index ece711229..4754334f1 100644
--- a/src/components/create-job-form/target-envs.tsx
+++ b/src/components/create-job-form/target-envs.tsx
@@ -2,12 +2,10 @@ import { Typography } from '@equinor/eds-core-react';
 import { Fragment } from 'react';
 
 type Props = {
-  selectedBranch?: string;
-  branches: Record<string, Array<string>>;
+  targetEnvs: Array<string>;
   branch?: string;
 };
-export function TargetEnvs({ selectedBranch, branches, branch }: Props) {
-  const targetEnvs = branches[selectedBranch] || [];
+export function TargetEnvs({ targetEnvs, branch }: Props) {
   const penultimateId = targetEnvs.length - 2;
 
   return targetEnvs.length > 0 ? (
diff --git a/src/components/job-overview/index.tsx b/src/components/job-overview/index.tsx
index 726cac347..75e94676c 100644
--- a/src/components/job-overview/index.tsx
+++ b/src/components/job-overview/index.tsx
@@ -240,6 +240,30 @@ export const JobOverview = ({ appName, jobName }: Props) => {
                         </Typography>
                       </Typography>
                     )}
+                    {job.branch && (
+                      <div>
+                        <Typography>
+                          Branch <strong>{job.branch}</strong>
+                        </Typography>
+                      </div>
+                    )}
+                    {job.deployedToEnvironment && (
+                      <div>
+                        <Typography>
+                          Environment{' '}
+                          <Typography
+                            as={Link}
+                            to={routeWithParams(routes.appEnvironment, {
+                              appName,
+                              envName: job.deployedToEnvironment,
+                            })}
+                            link
+                          >
+                            {job.deployedToEnvironment}
+                          </Typography>
+                        </Typography>
+                      </div>
+                    )}
                     <Typography>
                       Triggered by <strong>{job.triggeredBy || 'N/A'}</strong>
                       {job.commitID && (
@@ -315,13 +339,6 @@ export const JobOverview = ({ appName, jobName }: Props) => {
                           </Typography>
                         </Typography>
                       ))}
-                      {job.branch && (
-                        <div>
-                          <Typography>
-                            Branch <strong>{job.branch}</strong>
-                          </Typography>
-                        </div>
-                      )}
                       {job.components && (
                         <ComponentList
                           appName={appName}
diff --git a/src/components/page-environment/environment-overview.tsx b/src/components/page-environment/environment-overview.tsx
index fda3f09c6..cede8221f 100644
--- a/src/components/page-environment/environment-overview.tsx
+++ b/src/components/page-environment/environment-overview.tsx
@@ -151,7 +151,7 @@ export const EnvironmentOverview: FunctionComponent<{
                   <Typography>
                     Environment <strong>{envName}</strong>
                   </Typography>
-                  {environment.branchMapping ? (
+                  {environment.branchMapping && environment.activeDeployment ? (
                     <Typography>
                       Built and deployed from{' '}
                       <Typography
diff --git a/src/store/radix-api.ts b/src/store/radix-api.ts
index 6a74b1681..bd333a66d 100644
--- a/src/store/radix-api.ts
+++ b/src/store/radix-api.ts
@@ -2717,6 +2717,8 @@ export type DeploymentSummary = {
   activeFrom: string;
   /** ActiveTo Timestamp when the deployment ends */
   activeTo?: string;
+  /** Name of the branch used to build the deployment */
+  builtFromBranch?: string;
   /** CommitID the commit ID of the branch to build */
   commitID?: string;
   /** Array of component summaries */
@@ -3181,6 +3183,8 @@ export type Job = {
   components?: ComponentSummary[];
   /** Created timestamp */
   created?: string;
+  /** DeployedToEnvironment the name of the environment that was deployed to */
+  deployedToEnvironment?: string;
   /** Array of deployments */
   deployments?: DeploymentSummary[];
   /** Ended timestamp */
@@ -3415,6 +3419,8 @@ export type PipelineParametersBuild = {
   overrideUseBuildCache?: boolean | null;
   /** PushImage should image be pushed to container registry. Defaults pushing */
   pushImage?: string;
+  /** Name of environment to build for */
+  toEnvironment?: string;
   /** TriggeredBy of the job - if empty will use user token upn (user principle name) */
   triggeredBy?: string;
 };