-
-
Notifications
You must be signed in to change notification settings - Fork 4.3k
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
feat(perf): Add trends widgets for landing page v3 #29461
Conversation
This adds trends widgets in the new generic performance widget format. Clicking on the transaction will bring you to the trends page scope to that transaction, which should help discovery of trends as a feature. Made some modifications to the trends chart and query to support alternate use, and moved a few shared functions. Other: - Did some light fixes for multi-breakpoints, will need to do more still since it's not great between wide screen and phone size.
size-limit report
|
9ddf073
to
cc4ecb3
Compare
@@ -59,9 +64,9 @@ export function getTrendsRequestPayload(props: RequestProps) { | |||
function TrendsDiscoverQuery(props: Props) { | |||
return ( | |||
<GenericDiscoverQuery<TrendsData, TrendsRequest> | |||
{...props} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Was there a reason for this change? Seems unlikely that this changed the behaviour of anything but just want to be sure.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
In general, I'd say spreads should always be first so hardcoded settings are applied with precedence, unless there is a specific thing that props will override. In this specific instance it's been a couple week since I actually wrote that line but I believe there was a bug with props containing extra keys and it causing an issue.
field: 'trend_percentage()', | ||
}, | ||
]; | ||
const rest = {eventView, ...omit(props, 'eventView')}; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nit: This can be done without the use of omit
right?
const rest = {eventView, ...omit(props, 'eventView')}; | |
const rest = {...props, eventView}; |
Summary
This adds trends widgets in the new generic performance widget format. Clicking on the transaction will bring you to the trends page scope to that transaction, which should help discovery of trends as a feature. Made some modifications to the trends chart and query to support alternate use, and moved a few shared functions.
Other: