diff --git a/frontend/webapp/components/overview/sources/detected-containers/index.tsx b/frontend/webapp/components/overview/sources/detected-containers/index.tsx index afc4a17df..ab2a51dc3 100644 --- a/frontend/webapp/components/overview/sources/detected-containers/index.tsx +++ b/frontend/webapp/components/overview/sources/detected-containers/index.tsx @@ -10,6 +10,7 @@ interface Language { container_name: string; language: string; runtime_version?: string; + other_agent?: { [name: string]: string }; } interface DetectedContainersProps { @@ -21,6 +22,9 @@ const Container = styled.div` margin-top: 16px; max-width: 36vw; margin-bottom: 24px; + border: 1px solid #374a5b; + border-radius: 8px; + padding: 24px; `; const List = styled.ul` @@ -45,27 +49,35 @@ const DetectedContainers: React.FC = ({ Detected Containers: - {languages.map((lang) => ( - - - {lang.container_name} (Language: {lang.language} - {lang?.runtime_version - ? `, Runtime: ${lang.runtime_version}` - : ''} - ) - {lang.language !== 'ignore' && - lang.language !== 'unknown' && - !hasError && - ' - Instrumented'} - - - ))} + {languages.map((lang) => { + const isInstrumented = + lang.language !== 'ignore' && + lang.language !== 'unknown' && + !lang?.other_agent; + return ( + + + {lang.container_name} (Language: {lang.language} + {lang?.runtime_version + ? `, Runtime: ${lang.runtime_version}` + : ''} + ){isInstrumented && !hasError && ' - Instrumented'} + + {lang.other_agent && lang.other_agent.name && ( + + {`We detected another agent of ${lang.other_agent.name} that running in the container. Disable it + to instrument this source.`} + + )} + + ); + })} Note: The system automatically instruments the containers it detects