import {Fragment} from 'react'; import EmptyStateWarning from 'sentry/components/emptyStateWarning'; import Pagination from 'sentry/components/pagination'; import Panel from 'sentry/components/panels/panel'; import PanelBody from 'sentry/components/panels/panelBody'; import {t} from 'sentry/locale'; import {Fingerprint} from 'sentry/stores/groupingStore'; import {Group, Organization, Project} from 'sentry/types'; import MergedItem from './mergedItem'; import {MergedToolbar} from './mergedToolbar'; type Props = { groupId: Group['id']; /** * From GroupingStore.onToggleCollapseFingerprints */ onToggleCollapse: () => void; /** * From GroupMergedView -> handleUnmerge */ onUnmerge: () => void; organization: Organization; project: Project; fingerprints?: Fingerprint[]; pageLinks?: string; }; function MergedList({ fingerprints = [], pageLinks, onToggleCollapse, onUnmerge, organization, groupId, project, }: Props) { const fingerprintsWithLatestEvent = fingerprints.filter( ({latestEvent}) => !!latestEvent ); const hasResults = fingerprintsWithLatestEvent.length > 0; if (!hasResults) { return (

{t("There don't seem to be any hashes for this issue.")}

); } return ( {fingerprintsWithLatestEvent.map(fingerprint => ( ))} {pageLinks && } ); } export default MergedList;