Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[APM]Refactor ServiceTabEmptyState to use AddDataPanel #197578

Conversation

iblancof
Copy link
Contributor

@iblancof iblancof commented Oct 24, 2024

Summary

Closes #195876

This PR refactors the ServiceTabEmptyState component to use the newly created generic AddDataPanel component, which was derived from it.

The functionality remains the same.

Tabs

Light Dark
callout_light callout_dark

Actions

callout_actions

Dismiss

callout_dismissable

@iblancof iblancof added release_note:skip Skip the PR/issue when compiling release notes apm backport:prev-minor Backport to (8.x) the previous minor version (i.e. one version back from main) Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team v8.16.0 v8.17.0 labels Oct 24, 2024
@iblancof iblancof self-assigned this Oct 24, 2024
@iblancof iblancof requested a review from a team as a code owner October 24, 2024 08:58
@elasticmachine
Copy link
Contributor

Pinging @elastic/obs-ux-infra_services-team (Team:obs-ux-infra_services)

@botelastic botelastic bot added the ci:project-deploy-observability Create an Observability project label Oct 24, 2024
Copy link
Contributor

🤖 GitHub comments

Expand to view the GitHub comments

Just comment with:

  • /oblt-deploy : Deploy a Kibana instance using the Observability test environments.
  • run docs-build : Re-trigger the docs validation. (use unformatted text in the comment!)

@cauemarcondes cauemarcondes changed the title Refactor ServiceTabEmptyState to use AddDataPanel [APM]Refactor ServiceTabEmptyState to use AddDataPanel Oct 24, 2024
Copy link
Contributor

@cauemarcondes cauemarcondes left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, just a nit.

Copy link
Contributor

@rmyz rmyz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@iblancof iblancof requested a review from a team as a code owner October 24, 2024 10:48
Copy link
Member

@jennypavlova jennypavlova left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 🚀 (just some non-blocking nits)

@@ -97,7 +97,7 @@ export function ServiceOverview() {
<EuiFlexItem>
<ServiceTabEmptyState
id="serviceOverview"
onDissmiss={() => setDismissedLogsOnlyEmptyState(true)}
onDismiss={() => setDismissedLogsOnlyEmptyState(true)}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for fixing the typo!

@iblancof iblancof enabled auto-merge (squash) October 24, 2024 12:56
@elasticmachine
Copy link
Contributor

elasticmachine commented Oct 24, 2024

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
apm 3.4MB 3.4MB -1.4KB
infra 1.7MB 1.7MB -1.0B
total -1.4KB

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id before after diff
observabilityShared 75.1KB 75.1KB -1.0B
Unknown metric groups

ESLint disabled in files

id before after diff
apm 13 12 -1

Total ESLint disabled count

id before after diff
apm 81 80 -1

History

cc @iblancof

@iblancof iblancof merged commit 42de8c8 into elastic:main Oct 24, 2024
28 checks passed
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.16, 8.x

https://github.com/elastic/kibana/actions/runs/11501550405

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Oct 24, 2024
## Summary

Closes elastic#195876

This PR refactors the ServiceTabEmptyState component to use the newly
created generic AddDataPanel component, which was derived from it.

The functionality remains the same.

### Tabs

|Light|Dark|
|-|-|

|![callout_light](https://github.com/user-attachments/assets/46c7d14b-c4f4-44e4-a753-099abec378e4)|![callout_dark](https://github.com/user-attachments/assets/298386bf-eb76-4b23-9952-df6576032f86)|

### Actions

![callout_actions](https://github.com/user-attachments/assets/08c4364c-c3cb-45af-b02e-5012cbf86536)

### Dismiss

![callout_dismissable](https://github.com/user-attachments/assets/a0276001-98a9-47b3-83c9-aaa0685c7418)

(cherry picked from commit 42de8c8)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Oct 24, 2024
## Summary

Closes elastic#195876

This PR refactors the ServiceTabEmptyState component to use the newly
created generic AddDataPanel component, which was derived from it.

The functionality remains the same.

### Tabs

|Light|Dark|
|-|-|

|![callout_light](https://github.com/user-attachments/assets/46c7d14b-c4f4-44e4-a753-099abec378e4)|![callout_dark](https://github.com/user-attachments/assets/298386bf-eb76-4b23-9952-df6576032f86)|

### Actions

![callout_actions](https://github.com/user-attachments/assets/08c4364c-c3cb-45af-b02e-5012cbf86536)

### Dismiss

![callout_dismissable](https://github.com/user-attachments/assets/a0276001-98a9-47b3-83c9-aaa0685c7418)

(cherry picked from commit 42de8c8)
@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
8.16
8.x

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

kibanamachine added a commit that referenced this pull request Oct 24, 2024
… (#197665)

# Backport

This will backport the following commits from `main` to `8.16`:
- [[APM]Refactor ServiceTabEmptyState to use AddDataPanel
(#197578)](#197578)

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

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

<!--BACKPORT [{"author":{"name":"Irene
Blanco","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-10-24T14:34:55Z","message":"[APM]Refactor
ServiceTabEmptyState to use AddDataPanel (#197578)\n\n##
Summary\r\n\r\nCloses
https://github.com/elastic/kibana/issues/195876\r\n\r\nThis PR refactors
the ServiceTabEmptyState component to use the newly\r\ncreated generic
AddDataPanel component, which was derived from it.\r\n\r\nThe
functionality remains the same.\r\n\r\n###
Tabs\r\n\r\n|Light|Dark|\r\n|-|-|\r\n\r\n|![callout_light](https://github.com/user-attachments/assets/46c7d14b-c4f4-44e4-a753-099abec378e4)|![callout_dark](https://github.com/user-attachments/assets/298386bf-eb76-4b23-9952-df6576032f86)|\r\n\r\n###
Actions\r\n\r\n![callout_actions](https://github.com/user-attachments/assets/08c4364c-c3cb-45af-b02e-5012cbf86536)\r\n\r\n###
Dismiss\r\n\r\n![callout_dismissable](https://github.com/user-attachments/assets/a0276001-98a9-47b3-83c9-aaa0685c7418)","sha":"42de8c858995b190f35858b2798f7ea4dfcb2439","branchLabelMapping":{"^v9.0.0$":"main","^v8.17.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","apm","backport:prev-minor","ci:project-deploy-observability","Team:obs-ux-infra_services","v8.16.0","v8.17.0"],"title":"[APM]Refactor
ServiceTabEmptyState to use
AddDataPanel","number":197578,"url":"https://github.com/elastic/kibana/pull/197578","mergeCommit":{"message":"[APM]Refactor
ServiceTabEmptyState to use AddDataPanel (#197578)\n\n##
Summary\r\n\r\nCloses
https://github.com/elastic/kibana/issues/195876\r\n\r\nThis PR refactors
the ServiceTabEmptyState component to use the newly\r\ncreated generic
AddDataPanel component, which was derived from it.\r\n\r\nThe
functionality remains the same.\r\n\r\n###
Tabs\r\n\r\n|Light|Dark|\r\n|-|-|\r\n\r\n|![callout_light](https://github.com/user-attachments/assets/46c7d14b-c4f4-44e4-a753-099abec378e4)|![callout_dark](https://github.com/user-attachments/assets/298386bf-eb76-4b23-9952-df6576032f86)|\r\n\r\n###
Actions\r\n\r\n![callout_actions](https://github.com/user-attachments/assets/08c4364c-c3cb-45af-b02e-5012cbf86536)\r\n\r\n###
Dismiss\r\n\r\n![callout_dismissable](https://github.com/user-attachments/assets/a0276001-98a9-47b3-83c9-aaa0685c7418)","sha":"42de8c858995b190f35858b2798f7ea4dfcb2439"}},"sourceBranch":"main","suggestedTargetBranches":["8.16","8.x"],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/197578","number":197578,"mergeCommit":{"message":"[APM]Refactor
ServiceTabEmptyState to use AddDataPanel (#197578)\n\n##
Summary\r\n\r\nCloses
https://github.com/elastic/kibana/issues/195876\r\n\r\nThis PR refactors
the ServiceTabEmptyState component to use the newly\r\ncreated generic
AddDataPanel component, which was derived from it.\r\n\r\nThe
functionality remains the same.\r\n\r\n###
Tabs\r\n\r\n|Light|Dark|\r\n|-|-|\r\n\r\n|![callout_light](https://github.com/user-attachments/assets/46c7d14b-c4f4-44e4-a753-099abec378e4)|![callout_dark](https://github.com/user-attachments/assets/298386bf-eb76-4b23-9952-df6576032f86)|\r\n\r\n###
Actions\r\n\r\n![callout_actions](https://github.com/user-attachments/assets/08c4364c-c3cb-45af-b02e-5012cbf86536)\r\n\r\n###
Dismiss\r\n\r\n![callout_dismissable](https://github.com/user-attachments/assets/a0276001-98a9-47b3-83c9-aaa0685c7418)","sha":"42de8c858995b190f35858b2798f7ea4dfcb2439"}},{"branch":"8.16","label":"v8.16.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.x","label":"v8.17.0","branchLabelMappingKey":"^v8.17.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Irene Blanco <[email protected]>
kibanamachine added a commit that referenced this pull request Oct 24, 2024
#197666)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[APM]Refactor ServiceTabEmptyState to use AddDataPanel
(#197578)](#197578)

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

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

<!--BACKPORT [{"author":{"name":"Irene
Blanco","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-10-24T14:34:55Z","message":"[APM]Refactor
ServiceTabEmptyState to use AddDataPanel (#197578)\n\n##
Summary\r\n\r\nCloses
https://github.com/elastic/kibana/issues/195876\r\n\r\nThis PR refactors
the ServiceTabEmptyState component to use the newly\r\ncreated generic
AddDataPanel component, which was derived from it.\r\n\r\nThe
functionality remains the same.\r\n\r\n###
Tabs\r\n\r\n|Light|Dark|\r\n|-|-|\r\n\r\n|![callout_light](https://github.com/user-attachments/assets/46c7d14b-c4f4-44e4-a753-099abec378e4)|![callout_dark](https://github.com/user-attachments/assets/298386bf-eb76-4b23-9952-df6576032f86)|\r\n\r\n###
Actions\r\n\r\n![callout_actions](https://github.com/user-attachments/assets/08c4364c-c3cb-45af-b02e-5012cbf86536)\r\n\r\n###
Dismiss\r\n\r\n![callout_dismissable](https://github.com/user-attachments/assets/a0276001-98a9-47b3-83c9-aaa0685c7418)","sha":"42de8c858995b190f35858b2798f7ea4dfcb2439","branchLabelMapping":{"^v9.0.0$":"main","^v8.17.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","apm","backport:prev-minor","ci:project-deploy-observability","Team:obs-ux-infra_services","v8.16.0","v8.17.0"],"title":"[APM]Refactor
ServiceTabEmptyState to use
AddDataPanel","number":197578,"url":"https://github.com/elastic/kibana/pull/197578","mergeCommit":{"message":"[APM]Refactor
ServiceTabEmptyState to use AddDataPanel (#197578)\n\n##
Summary\r\n\r\nCloses
https://github.com/elastic/kibana/issues/195876\r\n\r\nThis PR refactors
the ServiceTabEmptyState component to use the newly\r\ncreated generic
AddDataPanel component, which was derived from it.\r\n\r\nThe
functionality remains the same.\r\n\r\n###
Tabs\r\n\r\n|Light|Dark|\r\n|-|-|\r\n\r\n|![callout_light](https://github.com/user-attachments/assets/46c7d14b-c4f4-44e4-a753-099abec378e4)|![callout_dark](https://github.com/user-attachments/assets/298386bf-eb76-4b23-9952-df6576032f86)|\r\n\r\n###
Actions\r\n\r\n![callout_actions](https://github.com/user-attachments/assets/08c4364c-c3cb-45af-b02e-5012cbf86536)\r\n\r\n###
Dismiss\r\n\r\n![callout_dismissable](https://github.com/user-attachments/assets/a0276001-98a9-47b3-83c9-aaa0685c7418)","sha":"42de8c858995b190f35858b2798f7ea4dfcb2439"}},"sourceBranch":"main","suggestedTargetBranches":["8.16","8.x"],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/197578","number":197578,"mergeCommit":{"message":"[APM]Refactor
ServiceTabEmptyState to use AddDataPanel (#197578)\n\n##
Summary\r\n\r\nCloses
https://github.com/elastic/kibana/issues/195876\r\n\r\nThis PR refactors
the ServiceTabEmptyState component to use the newly\r\ncreated generic
AddDataPanel component, which was derived from it.\r\n\r\nThe
functionality remains the same.\r\n\r\n###
Tabs\r\n\r\n|Light|Dark|\r\n|-|-|\r\n\r\n|![callout_light](https://github.com/user-attachments/assets/46c7d14b-c4f4-44e4-a753-099abec378e4)|![callout_dark](https://github.com/user-attachments/assets/298386bf-eb76-4b23-9952-df6576032f86)|\r\n\r\n###
Actions\r\n\r\n![callout_actions](https://github.com/user-attachments/assets/08c4364c-c3cb-45af-b02e-5012cbf86536)\r\n\r\n###
Dismiss\r\n\r\n![callout_dismissable](https://github.com/user-attachments/assets/a0276001-98a9-47b3-83c9-aaa0685c7418)","sha":"42de8c858995b190f35858b2798f7ea4dfcb2439"}},{"branch":"8.16","label":"v8.16.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.x","label":"v8.17.0","branchLabelMappingKey":"^v8.17.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Irene Blanco <[email protected]>
@iblancof iblancof deleted the 195876-apm-update-service-tab-empty-state-to-use-add-data-panel-from-observability-shared branch October 25, 2024 12:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
apm backport:prev-minor Backport to (8.x) the previous minor version (i.e. one version back from main) ci:project-deploy-observability Create an Observability project release_note:skip Skip the PR/issue when compiling release notes Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team v8.16.0 v8.17.0 v9.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[APM] Update ServiceTabEmptyState to use AddDataPanel from Observability Shared
6 participants