import {HelpIcon} from 'argo-ui'; import * as React from 'react'; import {ARGO_GRAY6_COLOR} from '../../../shared/components'; import {Timestamp} from '../../../shared/components/timestamp'; import * as models from '../../../shared/models'; import {getAppSetConditionCategory, getAppSetHealthStatus, HealthStatusIcon} from '../utils'; import './application-status-panel.scss'; interface Props { appSet: models.ApplicationSet; showConditions?: () => any; } interface SectionInfo { title: string; helpContent?: string; } const sectionLabel = (info: SectionInfo) => ( {info.title} {info.helpContent && ( )} ); const getConditionCounts = (conditions: models.ApplicationSetCondition[]) => { const counts = {info: 0, warning: 0, error: 0}; if (!conditions) return counts; conditions.forEach(c => { const category = getAppSetConditionCategory(c); counts[category]++; }); return counts; }; export const ApplicationSetStatusPanel = ({appSet, showConditions}: Props) => { const healthStatus = getAppSetHealthStatus(appSet); const conditions = appSet.status?.conditions || []; const conditionCounts = getConditionCounts(conditions); const latestCondition = conditions.length > 0 ? conditions[conditions.length - 1] : null; return (

{sectionLabel({title: 'APPSET HEALTH', helpContent: 'The health status of your ApplicationSet derived from its conditions'})}

{healthStatus}

{latestCondition?.message &&

{latestCondition.message}

}

{conditions.length > 0 && (

{sectionLabel({title: 'CONDITIONS'})}

showConditions && showConditions()}> {conditionCounts.info > 0 && ( {conditionCounts.info} Info )} {conditionCounts.warning > 0 && ( {conditionCounts.warning} Warning{conditionCounts.warning !== 1 && 's'} )} {conditionCounts.error > 0 && ( {conditionCounts.error} Error{conditionCounts.error !== 1 && 's'} )}

)} {latestCondition?.lastTransitionTime && (
{sectionLabel({title: 'LAST UPDATED'})}

)}

); };