Skip to content

Commit

Permalink
[8.x] [Onboarding] Add tech preview badges to onboarding flows (elast…
Browse files Browse the repository at this point in the history 
…ic#196926) (elastic#197067)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[Onboarding] Add tech preview badges to onboarding flows
(elastic#196926)](elastic#196926)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Giorgos
Bamparopoulos","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-10-21T13:45:56Z","message":"[Onboarding]
Add tech preview badges to onboarding flows (elastic#196926)\n\n##
Summary\r\nAdds Tech Preview badges for the following flows:\r\n\r\n-
Auto-detect Integrations with Elastic Agent (Tile + Page)\r\n-
Kubernetes monitoring with Elastic Agent (Tile + Page)\r\n- Host
monitoring with EDOT Collector (Tile)\r\n\r\n### Auto-detect
flow\r\n#### Tile\r\n\r\n<img width=\"394\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/b7bb75c0-4930-4294-bb25-7e44c4724cab\">\r\n\r\n####
Page\r\n<img width=\"1218\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/590f7999-579d-4b14-ae69-d726bf194948\">\r\n\r\n###
Kubernetes monitoring with EA\r\n#### Tile\r\n<img width=\"393\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/e8ddca06-5907-46f8-bddc-d5ef42a03a71\">\r\n\r\n####
Page\r\n<img width=\"1219\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/4936656e-e4b6-4b7e-821f-c3dd80529177\">\r\n\r\n###
Host monitoring (OTel)\r\n#### Tile\r\n<img width=\"390\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/7820fdb1-b119-48f3-8450-bbafcf81da6a\">\r\n\r\n---------\r\n\r\nCo-authored-by:
Joe Reuter
<[email protected]>","sha":"d7e48fd21583b235d1cfa671a86196421d008de9","branchLabelMapping":{"^v9.0.0$":"main","^v8.17.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:skip","v9.0.0","backport:prev-minor","ci:project-deploy-observability","Feature:
Observability Onboarding"],"title":"[Onboarding] Add tech preview badges
to onboarding
flows","number":196926,"url":"https://github.com/elastic/kibana/pull/196926","mergeCommit":{"message":"[Onboarding]
Add tech preview badges to onboarding flows (elastic#196926)\n\n##
Summary\r\nAdds Tech Preview badges for the following flows:\r\n\r\n-
Auto-detect Integrations with Elastic Agent (Tile + Page)\r\n-
Kubernetes monitoring with Elastic Agent (Tile + Page)\r\n- Host
monitoring with EDOT Collector (Tile)\r\n\r\n### Auto-detect
flow\r\n#### Tile\r\n\r\n<img width=\"394\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/b7bb75c0-4930-4294-bb25-7e44c4724cab\">\r\n\r\n####
Page\r\n<img width=\"1218\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/590f7999-579d-4b14-ae69-d726bf194948\">\r\n\r\n###
Kubernetes monitoring with EA\r\n#### Tile\r\n<img width=\"393\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/e8ddca06-5907-46f8-bddc-d5ef42a03a71\">\r\n\r\n####
Page\r\n<img width=\"1219\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/4936656e-e4b6-4b7e-821f-c3dd80529177\">\r\n\r\n###
Host monitoring (OTel)\r\n#### Tile\r\n<img width=\"390\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/7820fdb1-b119-48f3-8450-bbafcf81da6a\">\r\n\r\n---------\r\n\r\nCo-authored-by:
Joe Reuter
<[email protected]>","sha":"d7e48fd21583b235d1cfa671a86196421d008de9"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/196926","number":196926,"mergeCommit":{"message":"[Onboarding]
Add tech preview badges to onboarding flows (elastic#196926)\n\n##
Summary\r\nAdds Tech Preview badges for the following flows:\r\n\r\n-
Auto-detect Integrations with Elastic Agent (Tile + Page)\r\n-
Kubernetes monitoring with Elastic Agent (Tile + Page)\r\n- Host
monitoring with EDOT Collector (Tile)\r\n\r\n### Auto-detect
flow\r\n#### Tile\r\n\r\n<img width=\"394\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/b7bb75c0-4930-4294-bb25-7e44c4724cab\">\r\n\r\n####
Page\r\n<img width=\"1218\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/590f7999-579d-4b14-ae69-d726bf194948\">\r\n\r\n###
Kubernetes monitoring with EA\r\n#### Tile\r\n<img width=\"393\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/e8ddca06-5907-46f8-bddc-d5ef42a03a71\">\r\n\r\n####
Page\r\n<img width=\"1219\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/4936656e-e4b6-4b7e-821f-c3dd80529177\">\r\n\r\n###
Host monitoring (OTel)\r\n#### Tile\r\n<img width=\"390\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/7820fdb1-b119-48f3-8450-bbafcf81da6a\">\r\n\r\n---------\r\n\r\nCo-authored-by:
Joe Reuter
<[email protected]>","sha":"d7e48fd21583b235d1cfa671a86196421d008de9"}}]}]
BACKPORT-->

Co-authored-by: Giorgos Bamparopoulos <[email protected]>
  • Loading branch information
@kibanamachine @gbamparop
kibanamachine and gbamparop authored Oct 21, 2024
1 parent c77e266 commit 5484f87
Show file tree
Hide file tree
Showing 3 changed files with 25 additions and 12 deletions.
35 changes: 23 additions & 12 deletions ...lity_onboarding/public/application/onboarding_flow_form/use_custom_cards_for_category.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -61,12 +61,12 @@ export function useCustomCardsForCategory(
}
),
extraLabelsBadges: [
<EuiFlexItem grow={false}>
<ExtraLabelBadgeWrapper>
<LogoIcon logo="apple" size="m" />
</EuiFlexItem>,
<EuiFlexItem grow={false}>
</ExtraLabelBadgeWrapper>,
<ExtraLabelBadgeWrapper>
<LogoIcon logo="linux" size="m" />
</EuiFlexItem>,
</ExtraLabelBadgeWrapper>,
],
categories: ['observability'],
icons: [
Expand All @@ -79,6 +79,7 @@ export function useCustomCardsForCategory(
version: '',
integration: '',
isQuickstart: true,
release: 'preview',
},
{
id: 'otel-logs',
Expand All @@ -98,12 +99,12 @@ export function useCustomCardsForCategory(
}
),
extraLabelsBadges: [
<EuiFlexItem grow={false}>
<ExtraLabelBadgeWrapper>
<LogoIcon logo="apple" size="m" />
</EuiFlexItem>,
<EuiFlexItem grow={false}>
</ExtraLabelBadgeWrapper>,
<ExtraLabelBadgeWrapper>
<LogoIcon logo="linux" size="m" />
</EuiFlexItem>,
</ExtraLabelBadgeWrapper>,
],
categories: ['observability'],
icons: [
Expand All @@ -116,6 +117,7 @@ export function useCustomCardsForCategory(
version: '',
integration: '',
isQuickstart: true,
release: 'preview',
},
];

Expand All @@ -139,9 +141,9 @@ export function useCustomCardsForCategory(
}
),
extraLabelsBadges: [
<EuiFlexItem grow={false}>
<ExtraLabelBadgeWrapper>
<LogoIcon logo="kubernetes" size="m" />
</EuiFlexItem>,
</ExtraLabelBadgeWrapper>,
],
categories: ['observability'],
icons: [
Expand All @@ -154,6 +156,7 @@ export function useCustomCardsForCategory(
version: '',
integration: '',
isQuickstart: true,
release: 'preview',
},
{
id: 'otel-kubernetes',
Expand All @@ -173,9 +176,9 @@ export function useCustomCardsForCategory(
}
),
extraLabelsBadges: [
<EuiFlexItem grow={false}>
<ExtraLabelBadgeWrapper>
<LogoIcon logo="kubernetes" size="m" />
</EuiFlexItem>,
</ExtraLabelBadgeWrapper>,
],
categories: ['observability'],
icons: [
Expand Down Expand Up @@ -356,3 +359,11 @@ export function useCustomCardsForCategory(
return undefined;
}
}

function ExtraLabelBadgeWrapper({ children }: { children: React.ReactNode }) {
return (
<EuiFlexItem grow={false} css={{ alignSelf: 'center' }}>
{children}
</EuiFlexItem>
);
}
1 change: 1 addition & 0 deletions .../observability_solution/observability_onboarding/public/application/pages/auto_detect.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@ export const AutoDetectPage = () => (
'This installation scans your host and auto-detects log and metric files.',
}
)}
isTechnicalPreview={true}
/>
}
>
Expand Down
1 change: 1 addition & 0 deletions ...s/observability_solution/observability_onboarding/public/application/pages/kubernetes.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@ export const KubernetesPage = () => (
'This installation is tailored for configuring and collecting metrics and logs by deploying a new Elastic Agent within your host.',
}
)}
isTechnicalPreview={true}
/>
}
>
Expand Down

0 comments on commit 5484f87

Please sign in to comment.