Merge pull request #888 from devtron-labs/feat/cv-table-api

feat: cost visibility table api

Author: AbhishekA1509

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.20.1-pre-4",
+    "version": "1.20.1-pre-5",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -23,7 +23,7 @@ import {
     sanitizeUserApprovalList,
     stringComparatorBySortOrder,
 } from '@Shared/Helpers'
-import { PolicyBlockInfo, RuntimeParamsAPIResponseType, RuntimePluginVariables } from '@Shared/types'
+import { EnvListMinDTO, PolicyBlockInfo, RuntimeParamsAPIResponseType, RuntimePluginVariables } from '@Shared/types'
 import { GitProviderType, ROUTES } from './Constants'
 import { getUrlWithSearchParams, sortCallback } from './Helper'
 import {
@@ -51,11 +51,14 @@ import {
     GetAppsInfoForEnvProps,
     AppMeta,
     ApprovalRuntimeStateType,
+    EnvironmentsGroupedByClustersType,
+    AppsGroupedByProjectsType,
 } from './Types'
 import { ApiResourceType, STAGE_MAP } from '../Pages'
 import { RefVariableType, VariableTypeFormat } from './CIPipeline.Types'
 import { get, post } from './API'
 import { StatusType } from '@Shared/Components'
+import { EnvironmentTypeEnum } from '@Shared/constants'
 
 export const getTeamListMin = (): Promise<TeamList> => {
     // ignore active field
@@ -564,3 +567,67 @@ export const getAppsInfoForEnv = async ({ envId, appIds }: GetAppsInfoForEnvProp
         }, []),
     }
 }
+
+
+export const getAppOptionsGroupedByProjects = async (): Promise<AppsGroupedByProjectsType> => {
+    const { result } = await get<AppsGroupedByProjectsType>(ROUTES.APP_LIST_MIN)
+
+    if (!result) {
+        return []
+    }
+
+    return result
+        .map((project) => ({
+            ...project,
+            appList: project.appList.sort((a, b) => stringComparatorBySortOrder(a.name, b.name)),
+        }))
+        .sort((a, b) => stringComparatorBySortOrder(a.projectName, b.projectName))
+}
+
+
+export const getEnvironmentOptionsGroupedByClusters = async (): Promise<EnvironmentsGroupedByClustersType> => {
+    const { result } = (await get(ROUTES.ENVIRONMENT_LIST_MIN)) as ResponseType<EnvListMinDTO[]>
+
+    if (!result) {
+        return []
+    }
+
+    const sortedEnvList = result
+        .map(
+            ({
+                id,
+                environment_name: name,
+                isVirtualEnvironment,
+                cluster_name: cluster,
+                default: isDefault,
+                namespace,
+            }) => ({
+                id,
+                name,
+                isVirtual: isVirtualEnvironment ?? false,
+                cluster,
+                environmentType: isDefault ? EnvironmentTypeEnum.production : EnvironmentTypeEnum.nonProduction,
+                namespace,
+            }),
+        )
+        .sort((a, b) => stringComparatorBySortOrder(a.name, b.name))
+
+    const envGroupedByCluster = Object.values(
+        sortedEnvList.reduce<
+            Record<EnvironmentsGroupedByClustersType[number]['clusterName'], EnvironmentsGroupedByClustersType[number]>
+        >((acc, env) => {
+            if (!acc[env.cluster]) {
+                acc[env.cluster] = {
+                    clusterName: env.cluster,
+                    envList: [],
+                }
+            }
+
+            acc[env.cluster].envList.push(env)
+
+            return acc
+        }, {}),
+    ).sort((a, b) => stringComparatorBySortOrder(a.clusterName, b.clusterName))
+
+    return envGroupedByCluster
+}

src/Assets/IconV2/ic-alibaba.svg

@@ -29,6 +29,7 @@ import {
     StatusType,
     DocLinkProps,
     DeploymentStrategyType,
+    EnvironmentType,
 } from '../Shared'
 import {
     ACTION_STATE,
@@ -215,19 +216,21 @@ export type ErrorScreenManagerProps = {
     reloadClass?: string
 } & (
     | {
-        /**
-         * Would be used to redirect URL in case of 404
-         * @default - APP_LIST
-         */
-        redirectURL?: string
-        on404Redirect?: never
-    } | {
-        redirectURL?: never
-        on404Redirect: () => void
-    } | {
-        redirectURL?: never
-        on404Redirect?: never
-    }
+          /**
+           * Would be used to redirect URL in case of 404
+           * @default - APP_LIST
+           */
+          redirectURL?: string
+          on404Redirect?: never
+      }
+    | {
+          redirectURL?: never
+          on404Redirect: () => void
+      }
+    | {
+          redirectURL?: never
+          on404Redirect?: never
+      }
 )
 
 export interface ErrorScreenNotAuthorizedProps {
@@ -1099,4 +1102,17 @@ export interface ClusterEnvironmentCategoryDTO {
     description?: string
 }
 
-export interface ClusterEnvironmentCategoryType extends ClusterEnvironmentCategoryDTO {}
+export interface ClusterEnvironmentCategoryType extends ClusterEnvironmentCategoryDTO {}
+
+export type AppsGroupedByProjectsType = {
+    projectId: number
+    projectName: string
+    appList: {
+        name: string
+    }[]
+}[]
+
+export type EnvironmentsGroupedByClustersType = {
+    clusterName: EnvironmentType['cluster']
+    envList: EnvironmentType[]
+}[]