import * as React from 'react'; import {FormApi} from 'argo-ui'; import * as models from '../../../shared/models'; import {CreatePanelSourceTypeParameters} from './create-panel-source-type-parameters'; import {SourcePanel} from './source-panel'; export function CollapsibleMultiSourceSection(props: { index: number; formApi: FormApi; repos: string[]; reposInfo: models.Repository[]; formApp: models.Application; canRemove?: boolean; onRemove?: () => void; }) { const [expanded, setExpanded] = React.useState(true); const src = props.formApp.spec.sources?.[props.index]; const repoInfoFor = props.reposInfo.find(r => r.repo === src?.repoURL); const title = `Source ${props.index + 1}${src?.name ? ` — ${src.name}` : ''}: ${src?.repoURL || ''}`; const desc = [src?.path && `PATH=${src.path}`, src?.chart && `CHART=${src.chart}`, src?.targetRevision && `REVISION=${src.targetRevision}`].filter(Boolean).join(', '); if (!expanded) { return (

setExpanded(true)}>

{title}

{desc}

); } return (

Source {props.index + 1}
{props.canRemove && props.onRemove && ( )}

); }