Merge pull request #1173 from devtron-labs/argo-app-list

feat: Argo app list & Details page

Author: shivani170

.eslintignore

@@ -270,6 +270,13 @@ src/components/app/list-new/AppList.tsx
 src/components/app/list-new/AppListService.ts
 src/components/app/list-new/Constants.ts
 src/components/app/list-new/HelmAppList.tsx
+src/components/app/list-new/ExternalArgoList.tsx
+src/components/app/list-new/ExternalArgoApp.tsx
+src/components/app/list-new/ExternalArgoAppDetail.tsx
+src/components/externalArgoApps/externalArgoApp.type.ts
+src/components/v2/appDetails/sourceInfo/environmentStatus/CurrentSyncStatus.tsx
+src/components/v2/appDetails/sourceInfo/environmentStatus/notesDrawer.type.ts
+src/components/app/list-new/AppListType.tsx
 src/components/app/service.ts
 src/components/app/types.ts
 src/components/app/typing.d.ts

src/components/ApplicationGroup/Details/EnvironmentOverview/EnvironmentOverview.tsx

@@ -23,8 +23,6 @@ import {
 import './envOverview.scss'
 import moment from 'moment'
 import { Moment12HourFormat } from '../../../../config'
-import { EditDescRequest } from '../../../app/types'
-import { toast } from 'react-toastify'
 import { ReactComponent as ActivityIcon } from '../../../../assets/icons/ic-activity.svg'
 import { ReactComponent as DockerIcon } from '../../../../assets/icons/git/docker.svg'
 import { ReactComponent as HibernateIcon } from '../../../../assets/icons/ic-hibernate-3.svg'

src/components/app/list-new/AppList.tsx

@@ -1,46 +1,11 @@
 import { getNamespaceListMin as getNamespaceList, getAppFilters } from '../../../services/service';
 import {Routes, SERVER_MODE} from '../../../config';
-import {get, ResponseType} from '@devtron-labs/devtron-fe-common-lib';
+import {get} from '@devtron-labs/devtron-fe-common-lib';
 import { EnvironmentListHelmResult, EnvironmentHelmResult, Cluster, EnvironmentListHelmResponse} from '../../../services/service.types';
 import { APP_STATUS } from '../config';
 import { getProjectList } from '../../project/service';
 import { getClusterList } from '../../cluster/cluster.service';
-
-
-export interface AppListResponse extends ResponseType{
-    result?: AppsListResult
-}
-
-interface AppsListResult {
-    clusterIds : number[],
-    applicationType : string, //DEVTRON-CHART-STORE, DEVTRON-APP ,HELM-APP
-    errored: boolean,
-    errorMsg : string,
-    helmApps : HelmApp[]
-}
-
-
-export interface HelmApp {
-    appName: string,
-    appId: string,
-    isExternal : boolean,
-    chartName: string,
-    chartVersion: string,
-    chartAvatar: string,
-    projectId: number,
-    lastDeployedAt: string,
-    environmentDetail: AppEnvironmentDetail,
-    appStatus: string
-}
-
-export interface AppEnvironmentDetail {
-    environmentName: string,
-    environmentId: number,
-    namespace: string,
-    clusterName: string,
-    clusterId: number,
-    isVirtualEnvironment?: boolean
-}
+import { AppListResponse } from './AppListType';
 
 async function commonAppFilters(serverMode) {
     if(serverMode === SERVER_MODE.FULL){
@@ -189,7 +154,7 @@ export const getNamespaces = (clusterIdCsv : string, clusterVsNamespaceMap : Map
 }
 
 export const getDevtronInstalledHelmApps = (clusterIdsCsv: string, appStatuses?: string) : Promise<AppListResponse> => {
-    let url = `${Routes.CHART_INSTALLED}`
+    let url = Routes.CHART_INSTALLED
     if (clusterIdsCsv) {
         url = `${url}?clusterIds=${clusterIdsCsv}`
     }
@@ -199,6 +164,17 @@ export const getDevtronInstalledHelmApps = (clusterIdsCsv: string, appStatuses?:
     return get(url);
 }
 
+export const getArgoInstalledExternalApps = (clusterIdsCsv: string, appStatuses?: string) => {
+    let url = Routes.ARGO_APPS
+    if (clusterIdsCsv) {
+        url = `${url}?clusterIds=${clusterIdsCsv}`
+    }
+    if (appStatuses) {
+        url = `${url}${clusterIdsCsv ? '&' : '?'}appStatuses=${appStatuses}`
+    }
+    return get(url)
+}
+
 const sortByLabel = (a, b) => {
     if (a.label < b.label) { return -1; }
     if (a.label > b.label) { return 1; }

src/components/app/list-new/AppListService.ts

@@ -0,0 +1,47 @@
+import { ResponseType } from '@devtron-labs/devtron-fe-common-lib'
+
+export interface ArgoAppListResult {
+    appName: string
+    clusterName: string
+    namespace: string
+    appStatus: string
+    syncStatus?: string
+    clusterId?: string
+}
+export interface ArgoAppListResponse extends ArgoAppListResult {
+    result?: ArgoAppListResult
+}
+
+export interface AppListResponse extends ResponseType {
+    result?: AppsListResult
+}
+
+interface AppsListResult {
+    clusterIds: number[]
+    applicationType: string 
+    errored: boolean
+    errorMsg: string
+    helmApps: HelmApp[]
+}
+
+export interface HelmApp {
+    appName: string
+    appId: string
+    isExternal: boolean
+    chartName: string
+    chartVersion: string
+    chartAvatar: string
+    projectId: number
+    lastDeployedAt: string
+    environmentDetail: AppEnvironmentDetail
+    appStatus: string
+}
+
+export interface AppEnvironmentDetail {
+    environmentName: string
+    environmentId: number
+    namespace: string
+    clusterName: string
+    clusterId: number
+    isVirtualEnvironment?: boolean
+}