adds list view

Author: tiagoapolo

frontend/common/types/responses.ts

@@ -781,6 +781,8 @@ export enum PipelineStatus {
 export type ReleasePipeline = {
   id: number
   status: PipelineStatus
+  stages_count: number
+  flags_count: number
   name: string
   project: number
 }

frontend/web/components/pages/ReleasePipelinesPage.tsx

@@ -86,19 +86,29 @@ const ReleasePipelinesPageContent = ({
         >
           <Row className='align-items-center justify-content-between'>
             <span className='fw-bold'>{pipeline.name}</span>
-            <DropdownMenu
-              items={[
-                {
-                  icon: 'trash-2',
-                  label: 'Remove Release Pipeline',
-                  onClick: () =>
-                    deleteReleasePipeline({
-                      pipelineId: pipeline.id,
-                      projectId: Number(projectId),
-                    }),
-                },
-              ]}
-            />
+            <Row className=' gap-3'>
+              <div className='text-center'>
+                <div className='fw-bold'>{pipeline.stages_count ?? 0}</div>
+                <div>Stages</div>
+              </div>
+              <div className='text-center'>
+                <div className='fw-bold'>{pipeline.flags_count ?? 0}</div>
+                <div>Flags</div>
+              </div>
+              <DropdownMenu
+                items={[
+                  {
+                    icon: 'trash-2',
+                    label: 'Remove Release Pipeline',
+                    onClick: () =>
+                      deleteReleasePipeline({
+                        pipelineId: pipeline.id,
+                        projectId: Number(projectId),
+                      }),
+                  },
+                ]}
+              />
+            </Row>
           </Row>
         </Card>
       ))}

frontend/web/components/release-pipelines/CreateReleasePipeline.tsx

@@ -15,7 +15,10 @@ type CreateReleasePipelineType = {
   projectId: string
 } & RouteComponentProps
 
-type DraftPipelineType = Omit<ReleasePipeline, 'id'>
+type DraftPipelineType = Omit<
+  ReleasePipeline,
+  'id' | 'stages_count' | 'flags_count'
+>
 
 const blankStage: DraftStageType = {
   actions: [],