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] Share components across Service overview and transactions. Add time comparison to the Transactions page #107299

Merged

Conversation

cauemarcondes
Copy link
Contributor

@cauemarcondes cauemarcondes commented Jul 30, 2021

closes #91848
closes #106319

I'm closing both issues in one PR. Not ideal, but to be able to add comparison to the transactions pages I'll need to use the same components as the service overview.

Screen Shot 2021-08-02 at 11 40 10

Screen Shot 2021-08-02 at 11 40 23

@cauemarcondes cauemarcondes added release_note:enhancement auto-backport Deprecated - use backport:version if exact versions are needed v7.15.0 apm:ux-refresh labels Jul 30, 2021
@cauemarcondes cauemarcondes marked this pull request as ready for review August 2, 2021 15:42
@cauemarcondes cauemarcondes requested a review from a team as a code owner August 2, 2021 15:42
@cauemarcondes
Copy link
Contributor Author

@elasticmachine merge upstream

@botelastic botelastic bot added the Team:APM All issues that need APM UI Team support label Aug 2, 2021
@elasticmachine
Copy link
Contributor

Pinging @elastic/apm-ui (Team:apm)

@cauemarcondes cauemarcondes requested a review from formgeist August 2, 2021 15:42
Copy link
Contributor

@formgeist formgeist left a comment

Choose a reason for hiding this comment

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

LGTM! Amazing how fast it seems now on the Transactions list page because they're shared?

@cauemarcondes cauemarcondes requested a review from a team August 2, 2021 18:36
@cauemarcondes
Copy link
Contributor Author

LGTM! Amazing how fast it seems now on the Transactions list page because they're shared?

It'll definitely be faster now, since it uses the same API and the result is cached.

@sorenlouv
Copy link
Member

I wish all PRs looked like this
image

@@ -94,137 +169,47 @@ function getItemsWithRelativeImpact(
item.sum !== null && item.sum !== undefined
? ((item.sum - min) / (max - min)) * 100 || 0
: 0,
p95: item.p95,
Copy link
Member

Choose a reason for hiding this comment

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

Don't we use p95 anymore?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

no, the current table doesn't have it. #91848 (comment)

<TransactionList
isLoading={transactionListStatus === 'loading'}
items={transactionListData.items || []}
<ServiceOverviewTransactionsTable
Copy link
Contributor

Choose a reason for hiding this comment

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

Why is it still called ServiceOverviewTransactionsTable if it's not on the service overview?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Thanks, I actually forgot to move it to the shared folder and rename it.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Fixed it here: b8209e6

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
apm 1585 1581 -4

Async chunks

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

id before after diff
apm 4.3MB 4.3MB -6.8KB

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@cauemarcondes cauemarcondes merged commit 1ddb1ee into elastic:master Aug 3, 2021
@cauemarcondes cauemarcondes deleted the apm-transaction-overview-comparison branch August 3, 2021 18:35
kibanamachine added a commit to kibanamachine/kibana that referenced this pull request Aug 3, 2021
…time comparison to the Transactions page (elastic#107299)

* adding comparison to transactions pages

* adding new transactions table

* adding throughput

* refactoring transacon group api

* adding missing filter

* fixing i18n

* fixing tests

* addressing PR comments

* moving table to shared folder

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
@kibanamachine
Copy link
Contributor

💚 Backport successful

Status Branch Result
7.x

This backport PR will be merged automatically after passing CI.

kibanamachine added a commit that referenced this pull request Aug 3, 2021
…time comparison to the Transactions page (#107299) (#107576)

* adding comparison to transactions pages

* adding new transactions table

* adding throughput

* refactoring transacon group api

* adding missing filter

* fixing i18n

* fixing tests

* addressing PR comments

* moving table to shared folder

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

Co-authored-by: Cauê Marcondes <55978943+cauemarcondes@users.noreply.github.com>
streamich pushed a commit to vadimkibana/kibana that referenced this pull request Aug 8, 2021
…time comparison to the Transactions page (elastic#107299)

* adding comparison to transactions pages

* adding new transactions table

* adding throughput

* refactoring transacon group api

* adding missing filter

* fixing i18n

* fixing tests

* addressing PR comments

* moving table to shared folder

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
apm:ux-refresh auto-backport Deprecated - use backport:version if exact versions are needed release_note:enhancement Team:APM All issues that need APM UI Team support v7.15.0
Projects
None yet
6 participants