diff --git a/public/components/getting_started/components/getting_started_collectData.tsx b/public/components/getting_started/components/getting_started_collectData.tsx index 14d068048..8a69053aa 100644 --- a/public/components/getting_started/components/getting_started_collectData.tsx +++ b/public/components/getting_started/components/getting_started_collectData.tsx @@ -45,7 +45,6 @@ import { getWorkspaceIdFromUrl } from '../../../../../../src/core/public/utils'; const cardOne = 'Logs'; const cardTwo = 'Metrics'; const cardThree = 'Traces'; -const OTEL_LOGS_OPTION = { label: 'Open Telemetry', value: 'otelLogs' }; interface CollectAndShipDataProps { isOpen: boolean; @@ -71,9 +70,21 @@ export const CollectAndShipData: React.FC = ({ const [workflows, setWorkflows] = useState([]); const [collectorOptions, setCollectorOptions] = useState([]); const [patternsContent, setPatternsContent] = useState([]); + + const getTelemetryOption = (collectionMethodOtel: string) => { + switch (collectionMethodOtel) { + case cardTwo: + return { label: 'Open Telemetry', value: 'otelMetrics' }; + case cardThree: + return { label: 'Open Telemetry', value: 'otelTraces' }; + default: + return { label: 'Open Telemetry', value: 'otelLogs' }; + } + }; + const [selectedIntegration, setSelectedIntegration] = useState< Array> - >([OTEL_LOGS_OPTION]); + >([getTelemetryOption(cardOne)]); const technologyJsonMap: Record = { otelLogs: otelJsonLogs, @@ -144,7 +155,8 @@ export const CollectAndShipData: React.FC = ({ // Auto-select first collector if nothing is selected and a collection method is set useEffect(() => { if (collectorOptions.length > 0 && !specificMethod && collectionMethod) { - handleSpecificMethodChange([{ ...OTEL_LOGS_OPTION }]); + const telemetryOption = getTelemetryOption(collectionMethod); + handleSpecificMethodChange([{ ...telemetryOption }]); } }, [collectorOptions, specificMethod, collectionMethod]); @@ -157,17 +169,19 @@ export const CollectAndShipData: React.FC = ({ if (value === cardOne) { setCollectorOptions([ - { ...OTEL_LOGS_OPTION }, + getTelemetryOption(cardOne), { label: 'Nginx', value: 'nginx' }, { label: 'Java', value: 'java' }, { label: 'Python', value: 'python' }, { label: 'Golang', value: 'golang' }, ]); } else if (value === cardTwo) { - setCollectorOptions([{ label: 'Open Telemetry', value: 'otelMetrics' }]); + setCollectorOptions([getTelemetryOption(cardTwo)]); } else if (value === cardThree) { - setCollectorOptions([{ label: 'Open Telemetry', value: 'otelTraces' }]); + setCollectorOptions([getTelemetryOption(cardThree)]); } + + setSelectedIntegration([getTelemetryOption(value)]); }; const renderSpecificMethodDropdown = () => {