import {Fragment} from 'react';
import styled from '@emotion/styled';
import {Alert} from 'sentry/components/alert';
import Link from 'sentry/components/links/link';
import LoadingError from 'sentry/components/loadingError';
import LoadingIndicator from 'sentry/components/loadingIndicator';
import {
ErrorDot,
ErrorLevel,
ErrorMessageContent,
ErrorTitle,
} from 'sentry/components/performance/waterfall/rowDetails';
import {t, tct} from 'sentry/locale';
import {space} from 'sentry/styles/space';
import type {Organization} from 'sentry/types/organization';
import DiscoverQuery from 'sentry/utils/discover/discoverQuery';
import type EventView from 'sentry/utils/discover/eventView';
import type {TraceMeta} from 'sentry/utils/performance/quickTrace/types';
interface TraceNotFoundProps {
location: any;
meta: TraceMeta | null;
organization: Organization;
traceEventView: EventView;
traceSlug: string;
}
function TraceNotFound({
meta,
traceEventView,
traceSlug,
organization,
location,
}: TraceNotFoundProps) {
const transactions = meta?.transactions ?? 0;
const errors = meta?.errors ?? 0;
if (transactions === 0 && errors > 0) {
const errorsEventView = traceEventView.withColumns([
{kind: 'field', field: 'project'},
{kind: 'field', field: 'title'},
{kind: 'field', field: 'issue.id'},
{kind: 'field', field: 'level'},
]);
errorsEventView.query = `trace:${traceSlug} !event.type:transaction `;
return (
{({isLoading, tableData, error}) => {
if (isLoading) {
return ;
}
if (error) {
return (
{tct(
'The trace cannot be shown when all events are errors. An error occurred when attempting to fetch these error events: [error]',
{error: error.message}
)}
);
}
return (
{t('The trace cannot be shown when all events are errors.')}
{tableData?.data.map(data => (
{data.level}
{data.title}
))}
);
}}
);
}
return ;
}
const ErrorLabel = styled('div')`
margin-bottom: ${space(1)};
`;
export default TraceNotFound;