123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 |
- import styled from '@emotion/styled';
- import {Button} from 'sentry/components/button';
- import DiscoverFeature from 'sentry/components/discover/discoverFeature';
- import Link from 'sentry/components/links/link';
- import {MessageRow} from 'sentry/components/performance/waterfall/messageRow';
- import {t, tct} from 'sentry/locale';
- import type {Organization} from 'sentry/types/organization';
- import {browserHistory} from 'sentry/utils/browserHistory';
- import type EventView from 'sentry/utils/discover/eventView';
- import {SavedQueryDatasets} from 'sentry/utils/discover/types';
- import type {TraceMeta} from 'sentry/utils/performance/quickTrace/types';
- import {useLocation} from 'sentry/utils/useLocation';
- import {hasDatasetSelector} from 'sentry/views/dashboards/utils';
- import type {TraceInfo} from 'sentry/views/performance/traceDetails/types';
- interface LimitExceededMessageProps {
- meta: TraceMeta | null;
- organization: Organization;
- traceEventView: EventView;
- traceInfo: TraceInfo;
- handleLimitChange?: (newLimit: number) => void;
- }
- const MAX_TRACE_ROWS_LIMIT = 2000;
- export const DEFAULT_TRACE_ROWS_LIMIT = 100;
- function LimitExceededMessage({
- traceInfo,
- traceEventView,
- organization,
- meta,
- handleLimitChange,
- }: LimitExceededMessageProps) {
- // Number of events part of the traceView. Includes errors/issues appearing within txn details ui
- // that appears when you click into a txn row.
- const displayedEventsCount = traceInfo.transactions.size + traceInfo.errors.size;
- const traceMetaEventsCount =
- (meta && meta.transactions + meta.errors) ?? displayedEventsCount;
- const location = useLocation();
- if (traceMetaEventsCount === null || displayedEventsCount >= traceMetaEventsCount) {
- return null;
- }
- const target = traceEventView.getResultsViewUrlTarget(
- organization.slug,
- false,
- hasDatasetSelector(organization) ? SavedQueryDatasets.ERRORS : undefined
- );
- // Number of rows in the trace view. Doesnot include associated errors/issues appearing in
- // txn detail.
- const displayedRowsCount = traceInfo.transactions.size + traceInfo.trailingOrphansCount;
- // Increment by by multiples of 500.
- const increment = displayedRowsCount <= 100 ? 400 : 500;
- const discoverLink = (
- <DiscoverFeature>
- {({hasFeature}) => (
- <StyledLink disabled={!hasFeature} to={target}>
- {t('Discover')}
- </StyledLink>
- )}
- </DiscoverFeature>
- );
- const limitExceededMessage = tct(
- 'Limited to a view of [count] rows. To view the full list, go to [discover].',
- {
- count: displayedRowsCount,
- discover: discoverLink,
- }
- );
- const loadBiggerTraceMessage = tct(
- '[loadMore:Show more] of this trace or go to the full list of events in [discover]',
- {
- loadMore: (
- <Button
- priority="link"
- onClick={() => {
- const newLimit = displayedRowsCount + increment;
- if (handleLimitChange) {
- handleLimitChange(newLimit);
- }
- browserHistory.push({
- pathname: location.pathname,
- query: {...location.query, limit: newLimit},
- });
- }}
- aria-label={t('Load more')}
- />
- ),
- discover: discoverLink,
- }
- );
- return (
- <MessageRow>
- {organization.features.includes('trace-view-load-more') &&
- displayedRowsCount < MAX_TRACE_ROWS_LIMIT
- ? loadBiggerTraceMessage
- : limitExceededMessage}
- </MessageRow>
- );
- }
- const StyledLink = styled(Link)`
- margin-left: 0;
- `;
- export default LimitExceededMessage;
|