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

[Discover] Use summary column service name component for service name… #196742

Conversation

mohamedhamed-ahmed
Copy link
Contributor

@mohamedhamed-ahmed mohamedhamed-ahmed commented Oct 17, 2024

closes #196541

📝 Summary

This PR updated the service.name cell renderer so that it mimics what we have in the summary column.
It now shows a clickable pill shape for quick filters and navigating to the service page if APM is available.

🎥 Demo

Screen.Recording.2024-10-17.at.14.38.59.mov

@mohamedhamed-ahmed mohamedhamed-ahmed added release_note:skip Skip the PR/issue when compiling release notes Team:DataDiscovery Discover, search (e.g. data plugin and KQL), data views, saved searches. For ES|QL, use Team:ES|QL. Team:obs-ux-logs Observability Logs User Experience Team labels Oct 17, 2024
@mohamedhamed-ahmed mohamedhamed-ahmed marked this pull request as ready for review October 20, 2024 18:24
@mohamedhamed-ahmed mohamedhamed-ahmed requested a review from a team as a code owner October 20, 2024 18:24
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-data-discovery (Team:DataDiscovery)

@elasticmachine
Copy link
Contributor

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

@mohamedhamed-ahmed mohamedhamed-ahmed added the backport:skip This commit does not require backporting label Oct 20, 2024
@mohamedhamed-ahmed mohamedhamed-ahmed added backport:version Backport to applied version labels v8.17.0 and removed backport:skip This commit does not require backporting labels Oct 21, 2024
agentName={agentName}
size="m"
css={css`
margin-right: ${euiThemeVars.euiSizeXS};
Copy link
Contributor

Choose a reason for hiding this comment

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

I see this but also see the icon bring right up against the text. Is this what this line is aiming to avoid or do we need to add margin here too? (see image)
CleanShot 2024-10-21 at 07 30 35@2x

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@ryankeairns is the image taken from the video? because I guess the video was before the fix of applying the styles

Copy link
Contributor

Choose a reason for hiding this comment

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

Nit: since these styles are the same across instances, declaring them as a constant outside of the component would be more performant. I usually wouldn't recommend such a micro optimization, but it's worth considering since performance can be very sensitive within grid cells where we render so many at once.

@davismcphee davismcphee added the Project:OneDiscover Enrich Discover with contextual awareness label Oct 21, 2024
Copy link
Contributor

@davismcphee davismcphee left a comment

Choose a reason for hiding this comment

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

Data Discovery changes look good, and it works well! LGTM 👍

agentName={agentName}
size="m"
css={css`
margin-right: ${euiThemeVars.euiSizeXS};
Copy link
Contributor

Choose a reason for hiding this comment

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

Nit: since these styles are the same across instances, declaring them as a constant outside of the component would be more performant. I usually wouldn't recommend such a micro optimization, but it's worth considering since performance can be very sensitive within grid cells where we render so many at once.

@mohamedhamed-ahmed mohamedhamed-ahmed merged commit 3130492 into elastic:main Oct 22, 2024
24 checks passed
@elasticmachine
Copy link
Contributor

💚 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
discover 824.9KB 825.6KB +758.0B

Page load bundle

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

id before after diff
discover 50.6KB 50.6KB +23.0B
Unknown metric groups

async chunk count

id before after diff
discover 27 28 +1

History

@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.x

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

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Oct 22, 2024
elastic#196742)

closes elastic#196541
## 📝  Summary

This PR updated the `service.name` cell renderer so that it mimics what
we have in the `summary` column.
It now shows a clickable pill shape for quick filters and navigating to
the service page if `APM` is available.

## 🎥 Demo

https://github.com/user-attachments/assets/627b39af-f008-487b-82f2-c0ab79aff9a4
(cherry picked from commit 3130492)
@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
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 22, 2024
…e name… (#196742) (#197228)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[Discover] Use summary column service name component for service
name… (#196742)](#196742)

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

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

<!--BACKPORT
[{"author":{"name":"mohamedhamed-ahmed","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-10-22T12:33:20Z","message":"[Discover]
Use summary column service name component for service name…
(#196742)\n\ncloses
https://github.com/elastic/kibana/issues/196541\r\n## 📝
Summary\r\n\r\nThis PR updated the `service.name` cell renderer so that
it mimics what\r\nwe have in the `summary` column.\r\nIt now shows a
clickable pill shape for quick filters and navigating to\r\nthe service
page if `APM` is available.\r\n\r\n## 🎥
Demo\r\n\r\n\r\nhttps://github.com/user-attachments/assets/627b39af-f008-487b-82f2-c0ab79aff9a4","sha":"3130492752b622458d521eec228e075916237d74","branchLabelMapping":{"^v9.0.0$":"main","^v8.17.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","Team:DataDiscovery","Team:obs-ux-logs","Project:OneDiscover","backport:version","v8.17.0"],"title":"[Discover]
Use summary column service name component for service
name…","number":196742,"url":"https://github.com/elastic/kibana/pull/196742","mergeCommit":{"message":"[Discover]
Use summary column service name component for service name…
(#196742)\n\ncloses
https://github.com/elastic/kibana/issues/196541\r\n## 📝
Summary\r\n\r\nThis PR updated the `service.name` cell renderer so that
it mimics what\r\nwe have in the `summary` column.\r\nIt now shows a
clickable pill shape for quick filters and navigating to\r\nthe service
page if `APM` is available.\r\n\r\n## 🎥
Demo\r\n\r\n\r\nhttps://github.com/user-attachments/assets/627b39af-f008-487b-82f2-c0ab79aff9a4","sha":"3130492752b622458d521eec228e075916237d74"}},"sourceBranch":"main","suggestedTargetBranches":["8.x"],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/196742","number":196742,"mergeCommit":{"message":"[Discover]
Use summary column service name component for service name…
(#196742)\n\ncloses
https://github.com/elastic/kibana/issues/196541\r\n## 📝
Summary\r\n\r\nThis PR updated the `service.name` cell renderer so that
it mimics what\r\nwe have in the `summary` column.\r\nIt now shows a
clickable pill shape for quick filters and navigating to\r\nthe service
page if `APM` is available.\r\n\r\n## 🎥
Demo\r\n\r\n\r\nhttps://github.com/user-attachments/assets/627b39af-f008-487b-82f2-c0ab79aff9a4","sha":"3130492752b622458d521eec228e075916237d74"}},{"branch":"8.x","label":"v8.17.0","branchLabelMappingKey":"^v8.17.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: mohamedhamed-ahmed <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:version Backport to applied version labels Project:OneDiscover Enrich Discover with contextual awareness release_note:skip Skip the PR/issue when compiling release notes Team:DataDiscovery Discover, search (e.g. data plugin and KQL), data views, saved searches. For ES|QL, use Team:ES|QL. Team:obs-ux-logs Observability Logs User Experience Team v8.17.0 v9.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Discover] Use summary column service component for service column
5 participants